Chip

Preview

About

Compact label for statuses, categories, and tags. Made up of an optional prefix (icon/widget), a label, and an optional suffix (commonly a remove action via onSuffixTap).

• variant (emphasis): primary (solid background), secondary (neutral gray background, colored text), tertiary (no background, ghost), soft (soft tinted background, default).
• type (semantic color): primary, neutral (default), success, warning, danger.
• size: sm, md (default), lg.
• prefix / prefixIcon and suffix / suffixIcon: convenience widget or icon at either end; prefix/suffix take precedence over the icons.
• onPressed: makes the whole chip clickable (cursor, hover, and focus ring).
• onSuffixTap: independent tap on the suffix (e.g. removing a tag), handled before onPressed.
• enabled: disables the chip.

Last updated on 08/23/2026