nova-tabs
nova-tabs copied to clipboard
Another Laravel Nova Tabs Package
Another Laravel Nova Tabs Package
- Installation
-
Usage
- Tabs Panel
- Tabs Panel with Toolbar
- Relationship Tabs
- Combine Fields and Relations in Tabs
- Customization
Installation
You can install the package in to a Laravel app that uses Nova via composer:
composer require dkulyk/nova-tabs
Usage
Tabs Panel
You can group Fields of a Resource into Tabs.
// in app/Nova/Resource.php
use DKulyk\Nova\Tabs;
public function fields()
{
return [
// ...
new Tabs('Tabs', [
new Panel('Balance', [
Number::make('Balance', 'balance')->onlyOnDetail(),
Number::make('Total', 'total')->onlyOnDetail(),
]),
'Other Info' => [
Number::make('Paid To Date', 'paid_to_date')->onlyOnDetail(),
],
]),
// ...
];
}
Tabs Panel with Toolbar
If you are only using a Tabs without another default Panel, you can call withToolbar
method like in Panel.
// in app/Nova/Resource.php
use DKulyk\Nova\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
You can also group Relations into Tabs.
// in app/Nova/Resource.php
use DKulyk\Nova\Tabs;
public function fields(Request $request)
{
return [
// ...
new Tabs('Relations', [
HasMany::make('Invoices'),
HasMany::make('Notes'),
HasMany::make('Contacts')
]),
// ...
];
}
Combine Fields and Relations in Tabs
use DKulyk\Nova\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')
])
];
}
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 DKulyk\Nova\Tabs;
public function fields(Request $request)
{
return [
// ...
(new Tabs('Relations', [
HasMany::make('Invoices')
]))->defaultSearch(true),
// ...
];
}
If you want to hide card label you can use ->hideLabel()
for Tabs panel.
Set ->defaultSearch(true)
to revert it to its default.