Tag

PreviousNext

A small, interactive element used for labeling, categorization, and selection.

Component tag-demo not found in registry.

Installation

pnpm dlx shadcn@latest add tag

Usage

import * as Tag from "@/registry/radix-ui/ui/tag"
 
export default function TagExample() {
  return (
    <div className="flex flex-wrap gap-2">
      <Tag.Root variant="bordered">Default</Tag.Root>
      <Tag.Root variant="muted">Muted</Tag.Root>
    </div>
  )
}

Variants

Bordered (Default)

Component tag-bordered not found in registry.

Muted

Component tag-muted not found in registry.

Disabled

Component tag-disabled not found in registry.

With Dot

Component tag-dot not found in registry.

Dismissible

Component tag-dismissible not found in registry.

With Avatar

Component tag-with-avatar not found in registry.

With Image

Component tag-with-image not found in registry.

Component tag-as-child not found in registry.