Tag

Tagging a situation with topics or statuses can improve the overview for users. It is a way to gather concise information about a situation in one place, so that users can get the information they need at a glance. Tags look like labels that people are used to from the physical world.

Read more about this component in the Aksel documentation.

Tag label

Properties

PropertyDescriptionDefault
Control
Properties
children
required

Tag content.

Snippet string
-
as

Tag to use for the element.

unknown
"span"
icon

Icon

Snippet Component
-
size

Changes font size.

"medium" "small" "xsmall"
"medium"
variant

Changes visual profile of tag.

"warning" "warning-filled" "warning-moderate" "error" "error-filled" "error-moderate" "info" "info-filled" "info-moderate" "success"
"info"
Slots
children

Tag content.

 -
icon

Icon

 -

Properties included from: Omit<HTMLAttributes<HTMLElement>, "children">