This component provides a customisable character count web block.

The following input parameters are accepted:

• PatternId (Text) *Mandatory - Provide the Id of the Input or Textarea pattern.
• ShowCountFormat (Boolean) *Optional- Select whether the number of characters entered or the remaining number of characters should be displayed.
  • Default (true)
  • True = Number of characters entered (0 / 50)
  • False = Number of remaining characters (50 character(s) left)
• TextBeforeCount (Text) *Optional - Provide a text, which is shown before the count
• TextAfterMax (Text) *Optional - Provide a text, which is shown after the max.
  •   If ShowCountFormat = false then Default = "character(s) left"
• TextBetweenCountAndMax (Text) *Optional- Provide a text, which is shown between the count and the max.
  • Is only used if ShowCountFormat = true
  • If ShowCountFormat = true then Default = " / "
• TextBetweenCountAndMax (Text) *Optional - Provide a text, which is shown instead of the counter when the counter has reached the maximum possible input.
  • Is only used, if the maximum possible input is reached
• Properties.CountTextColor (ColorId) *Optional - Select the color you want to use for the counting text. 
  • Default = Entities.Color.Neutral6
  • This color is only used if the input has not yet reached the maximum number of characters.
• Properties.CountTextIsBold (Boolean) *Optional - Boolean to set the font weight to bond or normal.
  • Default = false
  • This property is only used if the input has not yet reached the maximum number of characters.
• Properties.MaxReachedColor (ColorId) *Optional- Select the color you want to use for the counting text.
  • Default = Entities.Color.Red
  • This property is only used if the input has reached the maximum number of characters.
• Properties.MaxReachedIsBold (Boolean) *Optional - Boolean to set the font weight to bond or normal.
  • Default = true
  • This property is only used if the input has reached the maximum number of characters.
• Properties.TextAlignment (Text) *Optional- Provide the position of the counter.
  • Default = "right"
  • Possible values are:
    • "left"
    • "center"
    • "right"