# Color Slider (/forms/color-slider)





<ComponentPreview name="color-slider-preskok-demo" description="Hue slider with output and custom label." />

## Installation [#installation]

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

## Usage [#usage]

```tsx
import { ColorSlider } from "@/components/ui/preskok-ui/color-slider"

export function ColorSliderDemo() {
  return <ColorSlider channel="hue" label="Hue" />
}
```