Download the PHP package vildanbina/livewire-tabs without Composer

A dynamic Laravel Livewire component for tab forms.

Installation

You can install the package via composer:

TailwindCSS

The base modal is made with TailwindCSS. If you use a different CSS framework I recommend that you publish the modal template and change the markup to include the required classes for your CSS framework.

Usage

Creating a Tab Container

You can create livewire component php artisan make:livewire UserTab to make the initial Livewire component. Open your component class and make sure it extends the TabsComponent class:

When you need to display tabs form, based on above example we need to pass $userId value and to display tabs form:

Or when you want to create new user, let blank user-id attribute, or don't put that.

When you want to have current tab instance. You can use:

When you want to go to specific tab. You can use:

You can customize tab footer buttons, create some view and put that view to method:

Creating a Tab Item

You can create tabs form tab. Open or create your tab class (at App\Tabs folder) and make sure it extends the Tab class:

In Tab class, you can use livewire hooks example:

Each tab need to have view, you can pass view path in $view property.

After create tab class, you need to put that tab to tabs form:

Building Tailwind CSS for production

Because some classes are dynamically build and to compile js you should add some classes to the purge safelist so your tailwind.config.js should look something like this:

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please e-mail [email protected] to report any security vulnerabilities instead of the issue tracker.

Credits

• Vildan Bina
• All Contributors

License

The MIT License (MIT). Please see License File for more information.