Do more. Code less.
Gorgeous Laravel blade components
made for Livewire 3 and styled around daisyUI + Tailwind
made for Livewire 3 and styled around daisyUI + Tailwind
Less code, more action.
<x-form wire:submit="save">
<x-input label="Name" wire:model="name" icon="o-user" placeholder="Full name" />
<x-input label="Amount" wire:model="amount" prefix="USD" money hint="It submits an unmasked value" />
<x-slot:actions>
<x-button label="Cancel" />
<x-button label="Click me!" class="btn-primary" type="submit" spinner="save" />
</x-slot:actions>
</x-form>
It. Just. Works.
@foreach($this->users as $user)
<x-list-item :item="$user" sub-value="username" link="/docs/installation">
<x-slot:actions>
<x-button icon="o-trash" wire:click="delete({{ $user->id }})" spinner/>
</x-slot:actions>
</x-list-item>
@endforeach
Develop at light speed.
# | Nice Name | City |
---|---|---|
1 | Halle | West Katelin |
2 | Justine | Lake Priscillatown |
3 | Elmo | South Ardithshire |
4 | Lazaro | Henrimouth |
5 | Harrison | Eichmannmouth |
6 | Neoma | Lake Queenborough |
@php
$users = App\Models\User::with('city')->take(6)->get();
$headers = [
['key' => 'id', 'label' => '#'],
['key' => 'name', 'label' => 'Nice Name'],
['key' => 'city.name', 'label' => 'City']
];
@endphp
<!-- You can use any `$wire.METHOD` on `@row-click` -->
<x-table
:headers="$headers"
:rows="$users"
striped
@row-click="alert($event.detail.name)" />