Tag

Small tag labels to insert anywhere.

Playground

Props

PrimaryLinkInfoSuccessWarningDangerBlackDarkLightWhite

NormalMediumLarge

RoundedLight

The Tags component is a container for a list of tags.

OneTwoThree

You can attach tags together with the addons prop on the Tags container.

npm0.5.0

Delete

Prop	Type	Default	Description
`as`	`ElementType`	`'span'`	The HTML element to render as.
`children`	`ReactNode`	-	The content of the tag.
`clamp`	`boolean`	`false`	Truncates text to a single line.
`className`	`string`	-	Additional CSS classes.
`color`	`ThemeColor`	-	Sets the color of the tag.
`icon`	`DynamicIcon`	-	An icon to display inside the tag.
`light`	`boolean`	`false`	Applies the light color variant.
`rounded`	`boolean`	`false`	Makes the tag fully rounded (pill shape).
`size`	`ThemeSize`	-	Sets the size of the tag.

Prop	Type	Default	Description
`addons`	`boolean`	`false`	Attaches tags together.
`alignment`	`'centered' \| 'right'`	-	Aligns the tags.
`children`	`ReactNode`	-	The tags to display.
`className`	`string`	-	Additional CSS classes.