CountNew
A static label that indicates the quantity of items.
Features
- Appears disabled when part of a disabled component.
When to use
Use the Count component to indicate the quantity of items, instead of using a Tag or a Badge.
Examples
Within a disabled component
The component will automatically appear disabled when used inside a component with the disabled HTML attribute.
Best practices
Do
Use the Count component to indicate the quantity of items.
Don't
Use the Count component for text labels. Use a Tag or Badge instead.
Accessibility
Use a Count in conjunction with a single item or label, to avoid ambiguity around which item is being quantified.