Color Picker

Color picker for branding configuration

SaaSTenant Admin

Overview

ColorPicker combines a text input for hex color codes with a clickable swatch that opens a native color picker. It validates hex input in real time and supports an optional label and disabled state.

Usage

import { ColorPicker } from "@leanicon/web-builder-library/saas";

<ColorPicker value="#1e40af" onChange={(color) => console.log(color)} label="Primary Color" />;

Variants

Default

Primary Color

Dark

Primary Color

Disabled

Accent Color

No Label

Props

Name	Type	Default	Required
`value`	`string`	—	Yes
`onChange`	`(color: string) => void`	—	Yes
`label`	`string`	—	No
`disabled`	`boolean`	—	No