Tag

A compact keyword label for categorizing and filtering content.

Import

import { Tag } from "@/components/ui"

Prop	Type	Default	Description
label	string	—	Tag text content.
variant	"default" \| "brand" \| "success" \| "warning" \| "error"	"default"	Color scheme.
size	"sm" \| "md"	"md"	Tag dimensions.
onRemove	() => void	—	Shows remove button when provided.
icon	ReactNode	—	Leading icon.

DefaultBrandSuccessWarningError

SmallMedium

ActiveOfflinePending

ReactTypeScriptDeployedDeprecated