RemainingCharacterCount

A component that counts characters

View sourceView on npmReport an issue

Props

count
isDisabled?
isInvalid?
className?

The CSS className for the element. A function may be provided to compute the class based on component state.

style?

The inline style for the element. A function may be provided to compute the style based on component state.

aria-label?

Defines a string value that labels the current element.

aria-labelledby?

Identifies the element (or elements) that labels the current element.

aria-describedby?

Identifies the element (or elements) that describes the object.

aria-details?

Identifies the element (or elements) that provide a detailed, extended description for the object.

slot?

A slot name for the component. Slots allow the component to receive props from a parent component. An explicit null value indicates that the local props completely override all props received from a parent.

Examples

Negative

A remaining character count can be negative.

Invalid

A remaining character count can be invalid.

Disabled

A remaining character count can have a disabled appearance. This should be used when the parent component is disabled.