All components
Forms
ColorPicker
beta
Since 1.2
HSV color picker with hue, saturation, and brightness sliders, a hex field, and optional preset swatches.
Forms
primitive
Display
Documented
import { ColorPicker } from '@ivim/native/components';
When to use
Use when
Choosing an arbitrary color — theming, token editing, annotation.
Don't use when
Picking from a small fixed palette — use a swatch TagGroup or SegmentedControl.
Example
Preview
Code
Hue
Saturation
Brightness
Selected #3b82f6
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
Each slider is an accessibility "adjustable" exposing a 0–100 value; the hex field is a labeled text input flagged invalid on a bad value.
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.