ideatocode/nova-tooltip-field

一个Laravel Nova字段，用于显示额外数据但不会使表格显得杂乱。

维护者

详细信息

github.com/helios-live/nova-tooltip-field

源代码

问题

安装量: 11,065

依赖项: 0

建议者: 0

安全: 0

星标: 2

关注者: 1

分支: 1

开放性问题: 0

语言:SCSS

v1.0.1 2022-12-29 16:39 UTC

Requires

  • php: ^7.3|^8.0
  • laravel/nova: ^4.0

MIT eacdc4c213177190714da729406d4ac1975cf08c

novalaravel

This package is auto-updated.

Last update: 2024-09-26 14:48:28 UTC

README

Laravel Nova索引视图的Tooltip字段。

当你想要显示额外数据但不想让表格显得杂乱时，将其放入Tooltip中。

灵感来源: https://github.com/philperusse/nova-tooltip-field

演示

Demo #1

安装

在您的Laravel Nova项目中运行此命令

$ composer require helios-live/nova-tooltip-field

使用

像使用其他字段一样使用此字段。按设计，此字段仅在索引（列表）视图中显示。

use Ideatocode\NovaTooltipField\Tooltip;

 Tooltip::make('More', function(){
    return 'This a tooltip. You can put lengthy content here or any additional info.';
 }),

HTML

您还可以向Tooltip传递HTML。

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(),

Demo #2

触发元素

您还可以更改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>'),

贡献

欢迎所有贡献。请发送PR。

作者

样式基于 Bootstrap的Tooltip组件。

许可证

此软件包是开源软件，受MIT许可证许可。