tag

Fragment reference tag

tags

ui

Tags are used as labels to organize things or to indicate a selection.

Usage

tag Brand

Variants

Set the variant attribute to change the tag’s theme.

tag(variant="brand") Brand
tag(variant="success") Success
tag(variant="danger") Danger

Sizes

Use the size attribute to change a tag’s size.

tag(size="small") Small
tag(size="medium") Medium
tag(size="large") Large

Attributes

Name	Type	Default	Description
variant	brand | neutral | success | warning | danger	neutral	The tag’s theme variant.
size	small | medium | large	medium	The tag’s size.
appearance	accent | filled | outlined | filled-outlined	filled-outlined	Visual appearance.
pill	boolean	false	Draws a pill-style tag with rounded edges.
with-remove	boolean	false	Shows a remove button.