{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"color-swatch-web","type":"registry:item","title":"Color Swatch","description":"A small visual sample that displays a color and can represent a selectable or read-only color value.","files":[{"path":"snippets/web/color-swatch.tsx","content":"import { ColorSwatch } from \"@heroui/react\";\n\nexport function ColorSwatchExample() {\n  return (\n    <div className=\"flex items-center gap-3\">\n      <ColorSwatch className=\"h-5 w-5\" />\n    </div>\n  );\n}\n","type":"registry:file","target":"~/snippets/web/color-swatch.tsx"}],"author":"heroui","dependencies":["@heroui/react"]}