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 Radio

Form radio component.

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

Code highlighting provided by Torchlight