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"endIcon
Description
Icon to be displayed to the end of the tag.
Type
ReactElement<any, string | JSXElementConstructor<any>>isDisabled
Description
If true, the tag is disabled.
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