Anduin Design
Components

Tag

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

TagA()("Tag")

Examples

Appearance

Use the appearance attribute to change the tag's visual appearance. Default appearance is accent.

TagA(_.appearance.accent)("Accent")TagA(_.appearance.filledOutlined)("Filled + Outlined") // DefaultTagA(_.appearance.filled)("Filled")TagA(_.appearance.outlined)("Outlined")

Variants

Use the variant attribute to set the tag's semantic variant. Default variant is neutral.

TagA(_.variant.brand)("Brand")TagA(_.variant.danger)("Danger")TagA(_.variant.neutral)("Neutral") // DefaultTagA(_.variant.success)("Success")TagA(_.variant.warning)("Warning")

On this page