Tag Group

Lays out crate::Tag children in a horizontal row with shared size and appearance.

Enable dismissible and handle on_dismiss with the tag's value to update a reactive list. Icons are set per child Tag, not on the group.

  • Tag lists where size and appearance should stay consistent
  • Grouped removable selections with centralized dismiss handling
  • Horizontal tag rows in forms and toolbars
  • Nest crate::Tag children with unique value props when dismissible.
  • Set on_dismiss to receive the dismissed tag's value string.
  • Set size once on the group instead of each child.
Default tag group

Grouped tags share horizontal spacing via the group container.

AlphaBeta
Dismissible group

Use dismissible to show dismiss buttons on child tags, and on_dismiss to handle removal. Each child needs a unique value; render tags from reactive state so the list updates when a tag is dismissed.

  • dismissible — shows the dismiss affordance on tags that have value
  • on_dismiss — called with the dismissed tag's value; update your tag list signal here (e.g. list.retain(|v| v != &value))
abc
Small size group

Set size on the group to scale all child tags together.

Small ASmall B
Appearances

Set appearance on the group to apply filled, outline, or brand styling to all child tags.

Filled
Outline
Brand
Many tags layout

Inline flex layout keeps multiple tags on one row with consistent gap.

RedGreenBlueYellowPurple