Color Picker

The Color Picker allows users to select and apply colors with precision and visual feedback.

Full

Color PickerNormal

5.10:1AA

With recommended colors

Color PickerNormal

5.10:1AA

Recommend Colors

Mini

Recommend Colors

API References

Color Picker

PropTypeDefault

value

string

—

onChange

(hex: string) => void

—

opacity

number

100

onOpacityChange

(opacity: number) => void

—

variant

"full""mini"

"full"

showRecommendColors

boolean

true

className

string

" "

Color Dots

PropTypeDefault

color

"grey""blue""red""yellow""green""purple""sky""pink""teal"

—

selected

boolean

false

disabled

boolean

false

onClick

() => void

—

className

string

" "