Skip to content

Token

@astryxdesign/core v0.7.1 · Token

Token Props ​

NameTypeDefaultDescription
labelstringRequiredText, also the accessible name.
color'default' | 'gray' | 'blue' | 'cyan' | 'teal' | 'green' | 'yellow' | 'orange' | 'red' | 'pink' | 'purple''default'Color.
size'sm' | 'md' | 'lg''md'Size.
removablebooleanfalseShow a focusable remove button.
disabledbooleanfalseDisable the token. The remove button stops responding.
hrefstring—Render a link. With a remove button, the link and button are siblings.
descriptionstring—Extra text for assistive technology.
isLabelHiddenbooleanfalseHide the text visually while keeping the accessible name. labelHidden is the older name; either one hides it.

Token Emits ​

NameParametersDescription
removeevent: EventClick the remove button, or press Backspace / Delete on the token.

Token Slots ​

NameParametersDescription
icon—Icon before the text.
end—Content after the text and before the remove button. Also available as endContent.