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) orsurface(white, for tags placed over a secondary/tinted surface)size:sm(20 tall),md(24 tall, default), orlg(32 tall)selected: paints the accent-soft state (used withonPressedfor selectable tags)onPressed: makes the tag tappable/selectableonRemove: shows an × on the right that removes the tag on tap (has its own hit target, doesn't triggeronPressed)prefixIcon: icon to the left of the textenabled:falserenders the tag at 50% opacity and non-interactivelabel/semanticLabel: visible text and accessible name (falls back tolabel)
Last updated on 08/23/2026

