Character Counter

Character Counter is a flexible utility component used to tally the remaining number of text characters available for input.

A character counter is persistent text within the input field that shows how many characters can be used. In addition to the length of the input field, this provides users with additional context on how much content can be entered into a field.

Character counter should:

  • Be the max number of characters
  • Be fixed on the right of a field
  • Be dynamic and countdown as a user enters characters