Usage
import { ColorPicker } from "lambda-ui-components";
<ColorPicker />Color Picker
Color Picker component is a form element that allows users to select a color
Playground
Experiment with all the properties of the ColorPicker component in real time.
Properties
format
Defines the output format of the selected color.
size
Adjusts the overall size of the color picker.
showText
Shows or hides the text input field.
disabled
Disables all interactions.
Controlled
Use this when you need to control the checked state of the checkbox.
API Reference
Props
Prop | Default | Type |
|---|---|---|
size | "medium" | "tiny" | "small" | "medium" | "large" |
variant | "solid" | "solid" | "soft" |
format | "hex" | "hex" | "rgb" | "rgba" | "hsl" | "hsla" |
disabled | false | boolean |
showText | false | boolean |
onChange | undefined | (value: string) => void |
value | "" | string |