Checkbox

You agree with terms



<x-checkbox label="Left" wire:model="item1" hint="You agree with terms" />
<hr />
 
<x-checkbox label="Right" wire:model="item2" right />
<hr />
 
<x-checkbox label="Right Tight" wire:model="item3" class="checkbox-warning" right tight />
<hr />
 
{{-- Notice Tailwind alignment class for long lines --}}
<x-checkbox wire:model="item4" class="self-start">
<x-slot:label>
This is <br>a very <br> long line.
</x-slot:label>
</x-checkbox>

maryUI
Sponsor