There are still dozens of new things to be done in 2025 in TallStackUI v2. Stay tuned for every release!

Powerful suite of Blade components for TALL Stack apps.

Form Color

Form color component.

<x-color />
Select your favorite color or insert a hexadecimal value.
<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.

Code highlighting provided by Torchlight