Character Counter

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

Live Editor

function CharacterCounterExample() {
  return (
    <Box display='flex' justifyContent='center' alignItems='center'>
      <CharacterCounter
        currentValue={295}
        maxValue={300}
        mr={600}
      />

      <CharacterCounter
        currentValue={350}
        maxValue={300}
      />
    </Box>
  );
}

Properties

Name	Type	Default	Description	Required?
currentValue	number		Current value of relative input/textarea	Yes
maxValue	number		Max amount of characters for input/textarea	Yes
size	| "default" | "mini"	"default"

Properties

info

Full property documentation will be added soon.