Status Tag

Preview

About

A compact, content-sized status pill: a rounded badge with a soft tint, an optional indicator dot, and a colored label. Meant for table cells, list rows, and detail headers — a subtle indicator (active/inactive, paid/free, visible/hidden...), not a loud solid badge.

• label: text shown in the pill.
• tone: KasyStatusTagTone.success, .neutral (default), .primary, .warning, or .danger — maps to the theme's colors.
• color: overrides the tone's color (used for both the dot and the text). Ignores tone when set.
• showDot: shows the indicator dot to the left of the text (defaults to true).

Since the widget sizes itself to its content, wrap it in Align inside a tight parent (e.g. a table column in Expanded) so it doesn't stretch.

Last updated on 08/23/2026