Color Picker

inputs

Color selection input with hex input, opacity slider, and recent colors.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system

Import

import { ColorPicker } from "@launchapp/design-system";

const [color, setColor] = React.useState("#3b82f6");return <ColorPicker value={color} onChange={setColor} />;

Prop	Type	Default	Description
`value`	`string`	—	Controlled hex color value.
`onChange`	`(color: string) => void`	—	Called when the color changes.
`presets`	`string[]`	—	Preset color swatches.