Skip to main content

Function: TagGroup()

TagGroup(__namedParameters): Element

Defined in: composites/TagGroup/TagGroup.tsx:158

A semantic tag group built on React Aria's TagGroup — a focusable list of labels, keywords, filters, or chips with keyboard navigation, optional selection, and optional removal.

Entity = Selection → reads vars.colors.input.primary.*. A chosen tag uses the selected State (set membership), never pressed. Pass selectionMode="single|multiple" to make tags selectable and onRemove to make them removable.

Parameters

ParameterType
__namedParametersTagGroupProps

Returns

Element

Example

<TagGroup label="Filters" selectionMode="multiple" onRemove={remove}>
<Tag id="react">React</Tag>
<Tag id="vue">Vue</Tag>
</TagGroup>