Components

Character Counter

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

import { CharacterCounter } from '@sproutsocial/racine'
<Box display='flex' justifyContent='center' alignItems='center'>
<CharacterCounter
currentValue={295}
maxValue={300}
mr={600}
/>
<CharacterCounter
currentValue={350}
maxValue={300}
/>
</Box>

Properties

NameTypeDefaultDescriptionRequired?
currentValuenumber
Current value of relative input/textarea
maxValuenumber
Max amount of characters for input/textarea
size
'default'
'mini'
'default'