<x-colorpicker wire:model="color1" label="Pick a color" hint="A nice color" />
 
<x-colorpicker wire:model="color2" label="Icon" icon="o-swatch" />
 
<x-colorpicker wire:model="color3" label="Suffix" suffix="Hex code" />
 
<span></span> 
<x-colorpicker wire:model="color4" label="Color" placeholder="Inline example" inline />