ColorPicker
Preview
Code
Anatomy
<ColorPicker defaultValue="#ff0000">
<ColorSwatch />
<ColorArea colorSpace="hsb" xChannel="saturation" yChannel="brightness" />
<ColorSlider colorSpace="hsb" channel="hue" />
<ColorField label="Hex" />
</ColorPicker>Installation
Import
Automatic Install (Eject)
Manual Install
1
Ensure Earthling UI is installed
bun add earthling-ui2
Import the component from earthling-ui
import { ColorPicker, ColorSwatch, ColorArea, ColorSlider, ColorField, ColorSwatchPicker, ColorSwatchPickerItem, parseColor } from "earthling-ui/color-picker"