Data Display
Tag
Filterable tag chips for categorizing and grouping content — three sizes, dismissible, with counts and selectable modes.
Import
import { TagGroup, Tag } from "@countryclub/ui-react";Default
Sizes
Three sizes via the "size" prop on TagGroup: "sm", "md" (default) and "lg".
Close X
Pass onRemove to TagGroup for a dismiss button on every tag.
Count
Show an item count beside the label via the count prop on Tag.
Selectable
Set selectionMode to "single" or "multiple" to make tags toggleable — selected tags show a checkmark.
Selectable + Close X
Combine selectionMode with onRemove for selectable, dismissible tags.
Selectable + Count
Combine selectionMode with count for filterable tags with totals.