Docs
Color Picker

Color Picker

Allows users to select a color.

#7CB342

This color picker provides a selection of preset colors. Click the colored square to open the picker.

Preview with selected color

This box demonstrates how the selected color looks as a background.

Installation

Usage

import { ColorPicker } from "@/components/ui/color-picker";
<ColorPicker>{/* Example usage */}</ColorPicker>

Props

PropTypeDefaultDescription
classNamestring-The class name to apply to the component.
childrenReactNode-The content to display in the component.