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 Toggle

Form toggle component.

<x-toggle />
<x-toggle label="Receive Alert" />
<x-toggle label="Receive Alert" position="left" />
<x-toggle>
<x-slot:label>
I agree to the <a href="#">terms and conditions</a>
</x-slot:label>
</x-toggle>
<x-toggle>
<x-slot:label>
Align on Middle
</x-slot:label>
</x-toggle>
 
<x-toggle>
<x-slot:label start>
Align on Start
</x-slot:label>
</x-toggle>
<x-toggle xs />
<x-toggle sm />
<x-toggle md />
<x-toggle lg />
<x-toggle label="Primary" />
<x-toggle color="secondary" label="Secondary" />
<x-toggle color="slate" label="Slate" />
<x-toggle color="gray" label="Gray" />
<x-toggle color="zinc" label="Zinc" />
<x-toggle color="neutral" label="Neutral" />
<x-toggle color="stone" label="Stone" />
<x-toggle color="red" label="Red" />
<x-toggle color="orange" label="Orange" />
<x-toggle color="amber" label="Amber" />
<x-toggle color="yellow" label="Yellow" />
<x-toggle color="lime" label="Lime" />
<x-toggle color="green" label="Green" />
<x-toggle color="emerald" label="Emerald" />
<x-toggle color="teal" label="Teal" />
<x-toggle color="cyan" label="Cyan" />
<x-toggle color="sky" label="Sky" />
<x-toggle color="blue" label="Blue" />
<x-toggle color="indigo" label="Indigo" />
<x-toggle color="violet" label="Violet" />
<x-toggle color="purple" label="Purple" />
<x-toggle color="fuchsia" label="Fuchsia" />
<x-toggle color="pink" label="Pink" />
<x-toggle color="rose" label="Rose" />
<x-toggle color="black" label="Black" />

Code highlighting provided by Torchlight