CharacterCount
Collaborate with us
Edit this page on GitHub
Displays the number of characters left to be entered in a target input field.
Use CharacterCount to inform users about the maximum number of characters they can enter in a given text area. Also show how many more characters can be entered.
How to use
-
Drag an input into the preview.
-
Give a name to the input (for instance, CharacterCount).
-
Set a variable type text to the input.
-
Drag the CharacterCount pattern into the preview.
-
Set the InputWidgetId to the input name.
-
Set the Limit property (for instance, 50).
-
Publish and test.
Input Parameters
| Input Name | Description | Type | Mandatory | Default Value |
|---|---|---|---|---|
| InputWidgetId | Input Element Name that will trigger the count. | Text | True | none |
| Limit | The character count limit. This value should be the same as the Max Length property in the input. | Integer | True | none |
| IsDescending | When set to false, the count will go from 0 to the limit that has been chosen on the Limit parameter. | Boolean | True | True |
Layout and Classes
