Form Color
Form color component.
Form Color, Personalization Blocks
Example:
TallStackUi::personalize() ->form('color') ->block('block', 'classes');
<x-color />
<x-color label="Color" hint="Select your favorite color or insert a hexadecimal value." />
An option to pick the color using a different selector.
<x-color picker />
An option to force the color selection through the color selector box.
<x-color selectable />
This will transform the input in readonly and open the color selector box when the input is clicked.
An option to specific your own hexadecimal colors.
<x-color :colors="['#83493D', '#3D8357', '#693D83', '#3AB3D1', '#5DD116']" />
<x-color clearable />
<x-color x-on:set="alert(`Selected Color: ${$event.detail.color}`)" />
This component contains settings available in the configuration file. Click here to learn more.