tag-group-demo

PreviousNext
Docs
takiexample

Preview

Loading preview…
registry/new-york/examples/tag-group-demo.tsx
import { Tag, TagGroup } from "@/registry/new-york/ui/tag-group"

export default function TagGroupDemo() {
  return (
    <TagGroup
      label="Categories"
      description="Select your categories"
      selectionMode="single"
    >
      <Tag id="news">News</Tag>
      <Tag id="travel">Travel</Tag>
      <Tag id="gaming">Gaming</Tag>
      <Tag id="shopping">Shopping</Tag>
    </TagGroup>
  )
}

Installation

npx shadcn@latest add @taki/tag-group-demo

Usage

import { TagGroupDemo } from "@/components/tag-group-demo"
<TagGroupDemo />