A special input used to select and preview colors.
| Property | Type | Description |
|---|---|---|
| id | ?string | A unique identifier. |
| label | ?string | The label for the input. |
| icon | ?string | The icon on the left side of the input. |
| icon-right | ?string | The icon on the right side of the input. |
| description | ?string | A description placed below input. |
| prefix | ?string | @property ?string $suffix |
| inline | bool | If the label should be shown in inline style. [default=false] |
| clearable | bool | If a button to clear the value should be shown. [default=false] |
<c-colorpicker wire:model="color1" label="Pick a color" description="A nice color" />
<c-colorpicker wire:model="color3" label="Suffix" suffix="Hex code" />
<c-colorpicker wire:model="color2" label="Icon" icon="swatch-book" />
<c-colorpicker wire:model="color2" label="Icon" icon-right="swatch-book" />
<c-colorpicker wire:model="color4" label="Color" placeholder="Inline example" inline />