Tag

Compact element to display information about an entity.

children
```
ReactNode
```
The content to display in the tag.
className
```
string
```
className for the element

iconName

"adjustments-horizontal" | "archive" | "arrow-down-tray" | "arrow-down" | "arrow-left-right" | "arrow-left" | "arrow-merge" | "arrow-path" | "arrow-pointing-out" | "arrow-right-rectangle" | "arrow-right" | "arrow-split" | "arrow-top-right-square" | "arrow-turn-right" | "arrow-up-tray" | "arrow-up" | ... 143 more ...

The icon to display in the Tag

onClose
```
MouseEventHandler<HTMLButtonElement>
```
Handler that is called when the close icon is clicked
ref
```
Ref<HTMLSpanElement>
```

variant

"alert" | "carbon" | "forest" | "grolive" | "info" | "lemon" | "neutral" | "ocean" | "peach" | "pink" | "purple" | "success" | "warning" | "white"

The visual style of the Tag

Default: carbon