PHPackages                             vildanbina/livewire-tabs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. vildanbina/livewire-tabs

ActiveLibrary[Utility & Helpers](/categories/utility)

vildanbina/livewire-tabs
========================

Laravel Livewire Tab Form component

v1.3(1y ago)505.2k↓54.3%10MITPHPPHP ^8.0|^8.1

Since Feb 27Pushed 1y ago2 watchersCompare

[ Source](https://github.com/vildanbina/livewire-tabs)[ Packagist](https://packagist.org/packages/vildanbina/livewire-tabs)[ Docs](https://github.com/vildanbina/livewire-tabs)[ GitHub Sponsors](https://github.com/vildanbina)[ RSS](/packages/vildanbina-livewire-tabs/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (4)Dependencies (2)Versions (5)Used By (0)

[![Latest Stable Version](https://camo.githubusercontent.com/24e79871d54b34d9d1febb1456110907814716aa00b75597a07a0f8d45fccaf6/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d746162732f76)](https://packagist.org/packages/vildanbina/livewire-tabs)[![Total Downloads](https://camo.githubusercontent.com/ce6054af4da606c2aa5b1a145af939fe5f2c71824fbfc12d7917fc6344f4fa4b/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d746162732f646f776e6c6f616473)](https://packagist.org/packages/vildanbina/livewire-tabs)[![Latest Unstable Version](https://camo.githubusercontent.com/ea00c6a0f3a7b55bc4726ff596afe192a8a7bd997bab54e8f9ad3d05b12b09c4/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d746162732f762f756e737461626c65)](https://packagist.org/packages/vildanbina/livewire-tabs)[![License](https://camo.githubusercontent.com/276b7785488672243ae4281ed8b521fd0278f3e21a912af56b89fe9a8cf84744/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d746162732f6c6963656e7365)](https://packagist.org/packages/vildanbina/livewire-tabs)[![PHP Version Require](https://camo.githubusercontent.com/5efd83cab281fd1699ab3bfc38ead34a84de3b7d1d28ccb2d5af872004a88921/68747470733a2f2f706f7365722e707567782e6f72672f76696c64616e62696e612f6c697665776972652d746162732f726571756972652f706870)](https://packagist.org/packages/vildanbina/livewire-tabs)

A dynamic Laravel Livewire component for tab forms.

[![Tabs form](https://user-images.githubusercontent.com/51203303/155887948-c5423998-c993-437a-9947-1e94077c750c.png)](https://user-images.githubusercontent.com/51203303/155887948-c5423998-c993-437a-9947-1e94077c750c.png)

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require vildanbina/livewire-tabs
```

TailwindCSS
-----------

[](#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.

```
php artisan vendor:publish --tag=livewire-tabs-views
```

Usage
-----

[](#usage)

### Creating a Tab Container

[](#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:

```