BlatUI

Components

Radio Group

A set of checkable buttons where no more than one can be checked at a time.

php artisan blatui:add radio-group 
<x-ui.radio-group value="comfortable">
    <div class="flex items-center gap-3">
        <x-ui.radio-group-item value="default" id="r1" />
        <x-ui.label for="r1">Default</x-ui.label>
    </div>
    <div class="flex items-center gap-3">
        <x-ui.radio-group-item value="comfortable" id="r2" />
        <x-ui.label for="r2">Comfortable</x-ui.label>
    </div>
    <div class="flex items-center gap-3">
        <x-ui.radio-group-item value="compact" id="r3" />
        <x-ui.label for="r3">Compact</x-ui.label>
    </div>
</x-ui.radio-group>