closeButtonProps
Description
Props for tag close button element.
Type
TagCloseButtonPropsTag
Tag is a component used to categorize or organize items using keywords that describe them.
Props
TagProps
colorScheme
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"Default
"primary"disabled
Description
If true, the tag is disabled.
Type
booleanDefault
falseendIcon
Description
Icon to be displayed to the end of the tag.
Type
ReactElement<any, string | JSXElementConstructor<any>>isDisabled
DeprecatedDescription
If true, the tag is disabled.
Deprecated
Use disabled instead.
Type
booleanDefault
falseleftIcon
DeprecatedDescription
Icon to be displayed to the left of the tag.
Deprecated
Use startIcon instead.
Type
ReactElement<any, string | JSXElementConstructor<any>>onClose
Description
Function to be executed when the close button is clicked.
Type
MouseEventHandler<HTMLElement>rightIcon
DeprecatedDescription
Icon to be displayed to the right of the tag.
Deprecated
Use endIcon instead.
Type
ReactElement<any, string | JSXElementConstructor<any>>size
Description
The size of the Tag.
Type
"sm" | "md" | "lg"Default
"md"startIcon
Description
Icon to be displayed to the start of the tag.
Type
ReactElement<any, string | JSXElementConstructor<any>>variant
Description
The variant of the Tag.
Type
"outline" | "solid" | "subtle" | "surface"Default
"subtle"Edit this page on GitHub