Components

Tag

Labels a category, an applied filter or a recipient; it can be removable or selectable.

28 October 2026

Added

First version: Tag with the Tag.Icon, Tag.Label, Tag.Remove and Tag.Group parts.
tone (neutral, brand, info, success, warning, danger) and size (sm 24 px, md 32 px).
onRemove: a real remove button with a 24 px target; its name comes from the ui.tag.remove library string.
selected, defaultSelected, onSelectedChange: a selectable tag built on the Base UI Toggle; the check mark appears with motion.selectionMark.
Tag.Group: a named list; after removal with Backspace or Delete focus moves to the next or previous tag, else to the onEmpty target.
tag.height, tag.padding-inline and tag.radius component tokens.

Changed