# Color Swatch (/forms/color-swatch)





<ComponentPreview name="color-swatch-preskok-demo" description="Simple color swatch used by other color components." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/color-swatch
```

## Usage [#usage]

```tsx
import { ColorSwatch } from "@/components/ui/preskok-ui/color-swatch"

export function ColorSwatchDemo() {
  return <ColorSwatch aria-label="Brand color" />
}
```