Tag

Compact label for categories or metadata — static or dismissible.

Set appearance and size, add an icon, and wire on_dismiss when users can remove the tag. For clickable filter or toggle tags use InteractionTag; for multi-select from predefined options use TagPicker. Nest multiple tags in TagGroup when they share size and appearance.

  • Category or status labels in tables and navigation
  • Removable labels with dismiss affordance
  • Tag collections inside crate::TagGroup
  • Put label text in children.
  • Set dismissible=true and on_dismiss for standalone removable tags.
  • Nest in crate::TagGroup with value when group-level dismiss handling is needed.
  • Set size or rely on parent group size inheritance.
Default tag

Static tag for category or status labels in tables and filters.

Design
Dismissible tag

Use dismissible to show the dismiss button, and on_dismiss to handle removal. Render from reactive state so the tag disappears when dismissed.

  • dismissible — shows the dismiss affordance
  • on_dismiss — called on dismiss button click; update your visibility signal here
Removable
Size matrix

Medium, small, and extra-small presets align tags with surrounding density.

Medium
Small
XS
Appearances

Filled, outline, and brand presets trade emphasis against surrounding chrome.

FilledOutlineBrand
With icon

An optional leading icon renders in the tag media slot.

Design
Icon with dismiss

Icons and dismiss buttons can appear on the same tag.

Removable
Custom class

Extra CSS classes merge onto the tag root for layout-specific styling.

Custom