@agala-labs/ui
Color Picker
Selects a color in a viewport-aware top-layer panel or through a hexadecimal value.
Examples
Default
#ffffff
<AgalaColorPicker v-model="brandColor" clearable />Import
import { AgalaColorPicker } from '@agala-labs/ui'API
| Prop | Type | Default | Description |
|---|---|---|---|
modelValue | string | — | Hex color used by v-model. |
size | 'sm' | 'md' | 'lg' | 'md' | Control size. |
placeholder | string | — | Empty value copy. |
clearable | boolean | false | Allows clearing. |
disabled | boolean | false | Disables interaction. |
error / errorMessage | boolean / string | — | Validation state and copy. |
Events
update:modelValue(value: string)
Accessibility
Exposes manual hex entry in addition to pointer-driven color controls.