Laravel Nova 4 Tooltip field
A Laravel Nova Tooltip field for the index view.
When you want to show additional data but do not want to clutter the table, put it in a tooltip.
Inspired by: https://github.com/philperusse/nova-tooltip-field
Demo
Installation
Run this command in your Laravel Nova project:
$ composer require helios-live/nova-tooltip-fieldUsage
Use this field as any other fields. By design, this field will only be shown on index (lists) views.
use Ideatocode\NovaTooltipField\Tooltip;
Tooltip::make('More', function(){
return 'This a tooltip. You can put lengthy content here or any additional info.';
}),HTML
You can also pass HTML to the tooltip.
Tooltip::make('More', function(){
return '<h4>Additional User info</h4>'
. ' <strong>Created at : </strong>' . Carbon::parse($this->created_at)->diffForHumans()
. '<br>'
.' <strong>Updated at : </strong>' . Carbon::parse($this->created_at)->diffForHumans();
})->asHtml(),
Trigger element
You can also pass change the trigger element of the tooltip.
Tooltip::make('More', function(){
return '<h4>Additional User info</h4>'
. ' <strong>Created at : </strong>' . Carbon::parse($this->created_at)->diffForHumans()
. '<br>'
.' <strong>Updated at : </strong>' . Carbon::parse($this->created_at)->diffForHumans();
})->asHtml()->trigger('oh <b>Ya!</b>'),Contributions
All contributions are welcomed. Please send a PR.
Authors
- Alexandru Eftimie alexandru@ideatocode.tech - https://ideatocode.tech
- Philippe Pérusse philippe.perusse@outlook.com
The styles are based on Bootstrap's Tooltip component.
License
This package is open-sourced software licensed under the MIT Licence
