Prebuilt Admin With Livewire and Tailwind CSS
#to seed user data
php artisan db:seed --class=UserSeeder
$this->emit("showToast", ["message" => "", "type" => "success", "reload"=>false]);
<x-input.form-group label="Label" key="id" model="model.id">
</x-input.form-group>
<!--datepicker-->
<x-input.datepicker wire:model=""></x-input.datepicker>
<!--select2 options boolean-->
<x-input.select method="" wire:model="" :select2="false"></x-input.select>
<!--
to set data you should emit from backend
$this->emit("setSummernoteValue");
-->
<x-input.summernote id="" wire:model.defer=""></x-input.summernote>
<x-admin.navigation selector="foo"></x-admin.navigation>
<main class="w-full flex-grow px-3 pb-5" xmlns:wire="http://www.w3.org/1999/xhtml">
<section class="content mx-auto py-5 px-5 min-h-screen">
<div class="pb-3">
<h4 class="heading">Title</h4>
</div>
<div class="grid md:grid-cols-3 lg:grid-cols-4 sm:grid-cols-12 gap-4">
</div>
</section>
</main>
//breadcrumbs
public array $breadcrumbs = [
["link" => "#", "title" => "Admin"],
["link" => "#", "title" => "User Management"],
];
<x-admin.breadcrumb :breadcrumbs="$breadcrumbs"></x-admin.breadcrumb>
<x-admin.widget-card title="Lorem ipsum" :number="2000000">
<div class="fa fa-line-chart"></div>
</x-admin.widget-card>
<!--
$tabHeaders = [
['key' => 'foo', 'title' => 'Foo'],
['key' => 'bar', 'title' => 'Bar'],
];
-->
<x-admin.tabs class="tabs" :headers="$tabHeaders">
<x-slot name="foo">
Foo
</x-slot>
<x-slot name="bar">
Bar
</x-slot>
</x-admin.tabs>
<x-input.filepond wire:model="image"></x-input.filepond>
<!--size sm, md, lg, xl, fullscreen-->
<x-admin.modal size="md" :title="$updateMode ? 'Edit' : 'Create'">
</x-admin.modal>