new
The real time chat demo: Ping →

Toggle


Activate stuff


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

maryUI
Sponsor