Skip to main content Skip to navigation Skip to search

Tag

Tag Properties

Name Type Description
status neutral | info | success | warning | danger Sets the color of the tag (and badge if present) from the following predefined list of statuses:
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".
readonly boolean
type 'button' | 'submit'
name string
value string
disabled boolean

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