Skip to main content Skip to navigation Skip to search

Tag

Tag Properties

Name Type Description
status neutral | info | success | warning | danger
color "gray" | "purple" | "blue" | "orange" | "light-blue" Sets the color of the tag (and badge if present) from a predefined list of choices
closable boolean If present, shows a close icon to one side of the tag. Note that applications must wire up the action to remove the tag on click and also that you cannot have a clickable AND closable tag. The closable attribute-property shows the close icon. What happens when the tag is clicked is for application developers to decide. If closable is present, the tag will be considered "clickable".

Tag CSS Properties

Name
--background
--border-color
--border-radius
--border-width
--color
--font-size
--padding
--size

Tag Slots

Name Description
Content slot for inside the tag