Integrating CharacterCounter into your application is straightforward:

Import the Component: Add it to your project via the OutSystems Forge.

Configure Parameters:

1. WidgetId: Link to Input Field: Bind the component to the desired input field (either Input or TextArea);
2. MaxCharacters: Set the maximum number of characters allowed;
3. TextTemplate: Customize the message format shown to users using the placeholders mentioned above;

Developers can define the message shown to users using a flexible TextTemplate that supports the following placeholders:

• [used]: Number of characters already typed.
• [remaining]: Number of remaining characters (calculated as MaxCharacters – Used).
• [max]: The maximum number of characters allowed.