PHPackages kraenkvisuell/nova-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. kraenkvisuell/nova-tabs ActiveLibrary kraenkvisuell/nova-tabs ======================= Laravel Nova - Tabs v2.0.1(5y ago)051MITVuePHP >=7.3.0 Since Dec 17Pushed 5y agoCompare [ Source](https://github.com/kraenkvisuell/nova-tabs)[ Packagist](https://packagist.org/packages/kraenkvisuell/nova-tabs)[ RSS](/packages/kraenkvisuell-nova-tabs/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (2)Dependencies (3)Versions (28)Used By (1) Laravel Nova Tabs Package ========================= [](#laravel-nova-tabs-package) [![Latest Version on Github](https://camo.githubusercontent.com/210d77274a951561abc8fb82c3556f499120398ad743c8f5eb41bdec1d486448/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6b7261656e6b76697375656c6c2f6e6f76612d746162732e7376673f7374796c653d666c6174)](https://packagist.org/packages/kraenkvisuell/nova-tabs) This is a fork from . All the credit for this package goes to them. We just forked it because development seems to have halted on the repo, and we needed to make some urgent changes. We intend to maintain this package, though, and when we are satisfied with its status, we might throw it up on novapackages (as yet another Laravel Nova Tabs Package). 1. [Installation](#Installation) 2. [Usage](#Usage) 1. [Tabs Panel](#tabs-panel) 2. [Tabs Panel with Toolbar](#tabs-panel-with-toolbar) 3. [Relationship Tabs](#relationship-tabs) 4. [Combine Fields and Relations in Tabs](#combine-fields-and-relations-in-tabs) 5. [Actions in Tabs](#actions-in-tabs) 6. [Tabs on Edit View](#tabs-on-edit-view) 3. [Customization](#customization) 4. [Upgrade to 1.0.0](#upgrade-to-1.0.0) Installation ------------ [](#installation) You can install the package in to a Laravel app that uses [Nova](https://nova.laravel.com) via composer: ``` composer require kraenkvisuell/nova-tabs ``` Usage ----- [](#usage) ### Tabs Panel [](#tabs-panel) [![image](https://user-images.githubusercontent.com/3426944/50060698-7835ec00-0197-11e9-8b9c-c7f1e67400db.png)](https://user-images.githubusercontent.com/3426944/50060698-7835ec00-0197-11e9-8b9c-c7f1e67400db.png) You can group Fields of a Resource into Tabs. ``` // in app/Nova/Resource.php use Kraenkvisuell\Tabs\Tabs; public function fields() { return [ new Tabs('Tabs', [ 'Balance' => [ Number::make('Balance', 'balance'), Number::make('Total', 'total'), ], 'Other Info' => [ Number::make('Paid To Date', 'paid_to_date'), ], ]), ]; } ``` ### Tabs with Toolbar [](#tabs-with-toolbar) If you are only using Tabs without another default Panel, you can set `withToolbar` to `true`. [![image](https://user-images.githubusercontent.com/3426944/50448780-608efe00-0923-11e9-9d55-3dc3d8d896e1.png)](https://user-images.githubusercontent.com/3426944/50448780-608efe00-0923-11e9-9d55-3dc3d8d896e1.png) ``` // in app/Nova/Resource.php use Kraenkvisuell\Tabs\Tabs; public function fields(Request $request) { return [ (new Tabs('Contact Details', [ 'Address' => [ ID::make('Id', 'id')->rules('required'), Text::make('Email', 'email')->sortable(), Text::make('Phone', 'phone')->sortable(), ], 'Relations' => [ BelongsTo::make('User'), MorphTo::make('Contactable')->types([ Client::class, Invoice::class, ]), ] ]))->withToolbar(), ]; } ``` ### Relationship Tabs [](#relationship-tabs) [![image](https://user-images.githubusercontent.com/3426944/50060715-a3b8d680-0197-11e9-8f98-1cac8cf3fd83.png)](https://user-images.githubusercontent.com/3426944/50060715-a3b8d680-0197-11e9-8f98-1cac8cf3fd83.png) You can also group Relations into Tabs. Make sure to use the `AvailableTabFields` Trait in your Nova Resource. ``` // in app/Nova/Resource.php use Kraenkvisuell\Tabs\Tabs; class User extends Resource { public function fields(Request $request) { return [ new Tabs('Relations', [ HasMany::make('Invoices'), HasMany::make('Notes'), HasMany::make('Contacts') ]), ]; } } ``` ### Combine Fields and Relations in Tabs [](#combine-fields-and-relations-in-tabs) [![image](https://user-images.githubusercontent.com/3426944/51089909-b3b2de80-1774-11e9-9100-d323accda7db.png)](https://user-images.githubusercontent.com/3426944/51089909-b3b2de80-1774-11e9-9100-d323accda7db.png) [![image](https://user-images.githubusercontent.com/3426944/51089905-aa297680-1774-11e9-9611-4446ca13ab4a.png)](https://user-images.githubusercontent.com/3426944/51089905-aa297680-1774-11e9-9611-4446ca13ab4a.png) ``` use Kraenkvisuell\Tabs\Tabs; public function fields(Request $request) { return [ (new Tabs(__('Client Custom Details'), [ new Panel(__('Details'), [ ID::make('Id', 'id')->rules('required')->hideFromIndex(), Text::make('Name', 'name'), ]), HasMany::make('Invoices') ]) ]; } ``` ### Actions in Tabs [](#actions-in-tabs) If your Model uses the `Laravel\Nova\Actions\Actionable` Trait you can put the Actions into a Tab like this: ``` // in app/Nova/Resource.php use Kraenkvisuell\Tabs\Tabs; use Kraenkvisuell\Tabs\ActionsInTabs; // Add this Trait use Laravel\Nova\Actions\ActionResource; // Import the Resource class Client extends Resource { use ActionsInTabs; // Use this Trait public function fields(Request $request) { return [ (new Tabs('Client Custom Details', [ 'Address' => [ ID::make('Id', 'id'), Text::make('Name', 'name')->hideFromDetail(), ], 'Invoices' => [ HasMany::make('Invoices'), ], 'Actions' => [ MorphMany::make(__('Actions'), 'actions', ActionResource::class), // Acc Actions whererver you like. ], ]))->withToolbar(), ]; } } ``` ### Tabs on Edit View [](#tabs-on-edit-view) [![image](https://user-images.githubusercontent.com/3426944/51790797-055a6080-219a-11e9-8da4-33a621093265.png)](https://user-images.githubusercontent.com/3426944/51790797-055a6080-219a-11e9-8da4-33a621093265.png) If you want to show Tabs on the Edit View, use the `TabsOnEdit` Trait in your Resource. ``` // in app/Nova/Resource.php use Kraenkvisuell\Tabs\Tabs; use Kraenkvisuell\Tabs\TabsOnEdit; // Add this Trait class Client extends Resource { use TabsOnEdit; // Use this Trait //... } ``` Customization ------------- [](#customization) By default, the Tabs component moves the search input and the create button to the tabs. If you have a lot of tabs, you can move them back down to its own line: ``` // in app/Nova/Resource.php use Kraenkvisuell\Tabs\Tabs; class User extends Resource { public function fields(Request $request) { return [ (new Tabs('Relations', [ HasMany::make('Invoices') ]))->defaultSearch(true), ]; } } ``` Set `->defaultSearch(true)` to revert it to its default. [![image](https://user-images.githubusercontent.com/3426944/50060732-dbc01980-0197-11e9-8f0c-6014132539a2.png)](https://user-images.githubusercontent.com/3426944/50060732-dbc01980-0197-11e9-8f0c-6014132539a2.png) Upgrade to 1.0.0 ---------------- [](#upgrade-to-100) Thanks to [dkulyk/nova-tabs](https://github.com/dkulyk/nova-tabs) the Package got a lot simpler. - No need to use a Trait anymore. Remove all `AvailableTabFields` Traits in your Resources. - Everything is in `Tabs` now. There is no `TabsPanel` anymore. Remove all `TabsPanels` and adjust your Fields according to this Readme. ### Health Score 29 — LowBetter than 60% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity4 Limited adoption so far Community17 Small or concentrated contributor base Maturity66 Established project with proven stability Bus Factor1 Top contributor holds 78.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~28 days Recently: every ~72 days Total 23 Last Release 2084d ago Major Versions 0.3.2 → 1.0.02019-01-26 1.2.2 → v2.0.02020-08-27 PHP version history (2 changes)0.0.1PHP >=7.1.0 v2.0.0PHP >=7.3.0 ### Community Maintainers ![](https://www.gravatar.com/avatar/bbdadd3d1931366139b27d9b8a39e7edc03cb99aa82ee126e54c77ac089d4d0c?d=identicon)[manogi](/maintainers/manogi) --- Top Contributors [![bajramemini](https://avatars.githubusercontent.com/u/3426944?v=4)](https://github.com/bajramemini "bajramemini (71 commits)")[![bastihilger](https://avatars.githubusercontent.com/u/1419634?v=4)](https://github.com/bastihilger "bastihilger (4 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)")[![johanvanhelden](https://avatars.githubusercontent.com/u/19389981?v=4)](https://github.com/johanvanhelden "johanvanhelden (2 commits)")[![kosmonowt](https://avatars.githubusercontent.com/u/1159594?v=4)](https://github.com/kosmonowt "kosmonowt (2 commits)")[![niekdemelker](https://avatars.githubusercontent.com/u/17333258?v=4)](https://github.com/niekdemelker "niekdemelker (2 commits)")[![pbrisson](https://avatars.githubusercontent.com/u/3892766?v=4)](https://github.com/pbrisson "pbrisson (1 commits)")[![LorenzoSapora](https://avatars.githubusercontent.com/u/25519274?v=4)](https://github.com/LorenzoSapora "LorenzoSapora (1 commits)")[![vbezruchkin](https://avatars.githubusercontent.com/u/2760455?v=4)](https://github.com/vbezruchkin "vbezruchkin (1 commits)")[![funkdoobiest](https://avatars.githubusercontent.com/u/352664?v=4)](https://github.com/funkdoobiest "funkdoobiest (1 commits)")[![Emeto](https://avatars.githubusercontent.com/u/23660290?v=4)](https://github.com/Emeto "Emeto (1 commits)") --- Tags laravelnova ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/kraenkvisuell-nova-tabs/health.svg) ``` [![Health](https://phpackages.com/badges/kraenkvisuell-nova-tabs/health.svg)](https://phpackages.com/packages/kraenkvisuell-nova-tabs) ``` ### Alternatives [optimistdigital/nova-multiselect-field A multiple select field for Laravel Nova. 3403.5M7](/packages/optimistdigital-nova-multiselect-field)[coreproc/nova-notification-feed A Laravel Nova package that adds a notification feed in your Nova app. 10149.1k](/packages/coreproc-nova-notification-feed)[inspheric/nova-defaultable Default values for Nova fields when creating resources and running resource actions. 51174.8k1](/packages/inspheric-nova-defaultable)[cybercog/laravel-nova-ban A Laravel Nova banning functionality for your application. 40199.8k](/packages/cybercog-laravel-nova-ban)[insenseanalytics/nova-server-monitor A Laravel Nova tool for Spatie's Server Monitor library. 6546.9k](/packages/insenseanalytics-nova-server-monitor)[datomatic/nova-detached-actions A Laravel Nova tool to allow for placing actions in the Nova toolbar detached from the checkbox selection mechanism. 11229.2k](/packages/datomatic-nova-detached-actions) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)