TallStackUI v2 is fully compatible with Livewire v4. We are now focused on TallStackUI v3, which will bring many new features!'

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