Color

A color picker input component.

Examples

Basic Color Picker

blade

<x-plume::form 
    formData="{ 'color': '#3b82f6' }">
    <x-plume::form.color label="Brand Color" name="color" model="color" />
</x-plume::form>

Prop	Type	Default	Description
label	string	null	The label for the color input.
name	string	null	HTML name attribute.
id	string	null	HTML id attribute. Auto-generated if not provided.
model	string	null	AlpineJS model name for two-way binding.
value	string	'#000000'	Initial hex color value. Ignored if $model is used.

Usage

blade

<x-plume::form >
    <x-plume::form.color label="Pick a Color" model="settings.theme_color"
        description="Choose your primary brand color" />
</x-plume::form>