Tag

The Tag component is a small, interactive UI element used to label, categorize, or filter content. It can display text or icons and often supports actions like deletion or selection. Tags enhance user experience by providing a clear and concise way to organize information, highlight key attributes, or manage items dynamically.

Tag

icon

string | number | false | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

onRemove

() => void

removeButtonProps

ButtonProps

size

"md" | "sm" | "xs"

variant

"default" | "ai" | "blue" | "danger" | "green" | "info" | "orange" | "pink" | "primary" | "success" | "teal" | "violet" | "warning"