Interaction Tag

Clickable filter or toggle tag with optional split dismiss.

Put the label in InteractionTagPrimary and optionally add SecondaryActionTag for a separate dismiss or menu action — set has_secondary_action on primary when the layout needs two targets. Inherits size and appearance from a parent crate::TagGroup when not set locally. For static or dismissible labels use crate::Tag; for multi-select from predefined options use crate::TagPicker.

  • Filter or toggle tags with a primary click action
  • Toolbar modes that look like tags
  • Selectable categories where label click and dismiss are separate actions
  • Wrap InteractionTagPrimary for the main clickable region.
  • Optionally add SecondaryActionTag with has_secondary_action=true on primary.
  • Set size or inherit from a parent crate::TagGroup.
Default interaction tag

Primary region inside an interaction tag acts as the clickable filter or toggle target.

Size matrix

Medium, small, and extra-small presets scale interaction tags with surrounding UI.

Primary click target

The primary button is the interactive region for filter selection.

Inherits group size

Interaction tags inside a crate::TagGroup inherit the group size when size is omitted.

With secondary action

Pair InteractionTagPrimary with SecondaryActionTag for a separate dismiss button.

Secondary removes tag

Wire on_click on SecondaryActionTag to update reactive state.

Appearances

Filled, outline, and brand presets match crate::Tag styling.

With icon and secondary

Primary can show a leading icon alongside a secondary dismiss action.