KasyKasy

Tag

Live preview and documentation for the Tag component.

Preview

componentPreview.loading

About

A compact, optionally interactive chip used to categorize, filter, or label — typically nested inside a KasyTagGroup.

  • variant: neutral (default, gray) or surface (white, for tags placed over a secondary/tinted surface)
  • size: sm (20 tall), md (24 tall, default), or lg (32 tall)
  • selected: paints the accent-soft state (used with onPressed for selectable tags)
  • onPressed: makes the tag tappable/selectable
  • onRemove: shows an × on the right that removes the tag on tap (has its own hit target, doesn't trigger onPressed)
  • prefixIcon: icon to the left of the text
  • enabled: false renders the tag at 50% opacity and non-interactive
  • label / semanticLabel: visible text and accessible name (falls back to label)

Last updated on 08/23/2026

On this page