Tag

Removable tag/chip component.

Preview

DefaultPrimarySuccessWarningRemovable

bash

npx auralix-ui add tag

tsx

import { Tag, TagGroup } from "@/components/ui/Tag";

<TagGroup>
  <Tag>React</Tag>
  <Tag variant="primary" removable>TypeScript</Tag>
</TagGroup>

Name	Type	Default	Description
`variant`	`"default" \| "primary" \| "success" \| "warning" \| "error"`	`"default"`	Color variant.
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size.
`removable`	`boolean`	`false`	Show remove button.
`onRemove`	`() => void`	`-`	Callback on remove.

On this page