Tag

Closable colored tag with icon slot for categorisation.

Installation

Examples

Colors and variants

5 colors × soft, solid, outline.

ReactCompletedFeaturedReview

Closable

Remove button on right.

ReactTypeScriptTailwind CSS

API Reference

PropTypeDefaultDescription
closablebooleanfalseShows a remove button.
onClose() => voidCalled when the tag is closed.
iconReactNodeIcon rendered before the label.
color'primary'|'success'|'warning'|'danger'|'neutral''neutral'Color scheme.
variant'solid'|'outline'|'soft''soft'Visual style.