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

href

string

onClick

() => void

onRemove

() => void

size

"xs" | "sm" | "md" | undefined = md

to

string

variant

"1" | "2" | "3" | "4" | "5" | "6" | "7" | "dark" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | undefined = default