elbytes/nova-tooltip-field

Nova应用程序的提示字段

维护者

详细信息

github.com/elevenbytes/nova-tooltip-field

主页

源代码

问题

安装次数: 3,503

依赖者: 0

建议者: 0

安全性: 0

星标: 4

关注者: 3

分支: 3

开放性问题: 0

语言:Vue

1.1 2021-07-08 21:17 UTC

Requires

  • php: >=7.1.0

MIT 000340637e0dc311d755c651545e74575572b482

novalaravel

This package is auto-updated.

Last update: 2024-09-09 04:27:56 UTC

README

Latest Version on Packagist Total Downloads

使用此提示字段，您可以隐藏一些可选内容。
在索引页面上，此字段将作为提示使用，在其他所有页面上，它只是一个文本字段。

Demo video

安装

您可以通过composer将此包安装到使用Nova的Laravel应用程序中

composer require elbytes/nova-tooltip-field

用法

在您的资源类中，将以下内容添加到您的字段方法中

use Elbytes\NovaTooltipField\Tooltip;

....

Tooltip::make('Type', 'type'), 

// OR

Tooltip::make('Type', 'type')
       ->setDefaultIcon('<svg width="18" height="18">...</svg>') // Optional
       ->setDependIcons([
           'fieldValue' => '<svg width="18" height="18">...</svg>',
           'fieldValue2' => '<svg width="18" height="18">...</svg>',
       ]), // Optional

使用您自己的图标

要更改默认图标，您需要使用setDefaultIcon方法。

use Elbytes\NovaTooltipField\Tooltip;

....

Tooltip::make('Type', 'type')
    ->setDefaultIcon('<svg class="h-5 w-5">...</svg>')

值相关的图标

有时图标需要根据字段的值进行更改，您可以使用setDependIcons方法来实现这一点。

use Elbytes\NovaTooltipField\Tooltip;

....

Tooltip::make('Type', 'type')
       ->setDependIcons([
           'fieldValue' => '<svg class="h-5 w-5">...</svg>',
           'fieldValue2' => '<svg class="h-5 w-5">...</svg>',
       ]),

贡献

欢迎所有大小贡献！

许可证

MIT许可证（MIT）。有关更多信息，请参阅许可证文件。