## Installation [#installation]
npm
pnpm
yarn
bun
```bash
npx shadcn@latest add @dotui/color-slider
```
```bash
pnpm dlx shadcn@latest add @dotui/color-slider
```
```bash
yarn dlx shadcn@latest add @dotui/color-slider
```
```bash
bun x shadcn@latest add @dotui/color-slider
```
## Usage [#usage]
Use color sliders to allow users to adjust an individual channel of a color value.
```tsx
import { ColorSlider, ColorSliderControl } from '@/components/ui/color-slider'
import { Label } from '@/components/ui/field'
```
```tsx
```
## Examples [#examples]
## API Reference [#api-reference]
### ColorSlider [#colorslider]
### ColorSliderControl [#colorslidercontrol]
### ColorSliderOutput [#colorslideroutput]