Tag count

The tag count component generates a tag icon that displays a number, which represents a count value.

Examples

Basic tag count

A basic tag count uses the count property to display the number of tagged items.

Disabled tag count

When no value is provided to a tag count component, it will be styled as disabled.

Props

TagCount

extends ButtonProps
*required
NameTypeDefaultDescription
classNamestringAdditional classes added to the tag count component
countnumberCount to display in tag count component
iconSize'sm' | 'md' | 'lg' | 'xl''md'Icon size
ouiaIdstring | number'TagCount'Custom OUIA ID