When to use it
Use bounded hex or rgba values; unsupported CSS strings remain visible as invalid drafts. Hosts own the value and optional named palette. Enable alpha explicitly; latent hue survives black or gray channel edits.
FormsReact Native
Color picker
Edit controlled native colors with validated text, channels and optional alpha.
Native example
Use Color picker
Use bounded hex or rgba values; unsupported CSS strings remain visible as invalid drafts. Hosts own the value and optional named palette. Enable alpha explicitly; latent hue survives black or gray channel edits.
View captured React Native example
<LumenColorPicker label="Accent color" value={color} onValueChange={setColor} />Reference
Public API
The primary shared and platform-specific options exposed by LumenColorPicker.
| API | Values or type | Default | Description |
|---|---|---|---|
| value / onValueChange | Controlled color text / native binding or callback | Required | Requests canonical color changes without replacing invalid host input. |
| allowAlpha / palette / labels | Boolean / named swatches / localized labels | false / empty / English | Controls opacity support and accessible channel names. |
Native behavior
Design and accessibility
Accessibility
Localized channel and palette names, validation feedback and native disabled/read-only controls.
Shared component