README

注意：此项目已从 timothyasp/nova-badge-field 分支出来，见 PR #20

支持Nova 4！

这是一个简单的Laravel Nova徽章字段。它扩展了Select字段，允许将颜色映射到值，以便在索引和详情页面上显示“徽章”。可以使用Tailwind类进行自定义

详情页面

索引

安装

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

composer require timothyasp/nova-badge-field

对于Nova v1 - v3支持，请在您的composer.json中使用"timothyasp/nova-badge-field": "^1.04"

用法

除了任何Select字段选项和呈现方法外，此包还提供了一些特定的徽章自定义选项。

要自定义徽章的文本颜色，请设置选项上的color属性。如果没有设置选项，则默认为设置背景颜色，文本颜色将根据背景的亮度设置为对比度高的白色/黑色。

use Timothyasp\Badge\Badge;

$options = [
    'option1' => 'Option 1',
    'option2' => 'Option 2'
];

Badge::make('Field')
   ->options($options)
   ->colors([
      'option1' => '#ffffff',
      'option2' => '#000000'
   ]);

如果您希望使用label作为索引和详情页面上的显示文本，可以使用->displayUsingLabels()选项。

use Timothyasp\Badge\Badge;

$options = [
  'Option 1' => 1,
  'Option 2' => 2
];

Badge::make('Field')
   ->options($options)
   ->colors([
      'Option 1' => '#ffffff',
      'Option 2' => '#000000'
   ])->displayUsingLabels();

最后，如果您需要更多自定义徽章的显示方式，可以使用extraClasses方法传递任何额外的Tailwind类，以自定义徽章的外观。

这在您想要使用Stack字段时将徽章堆叠而不是内联很有用。

use Timothyasp\Badge\Badge;

$options = [
    'option1' => 'Option 1',
    'option2' => 'Option 2'
];

Badge::make('Field')
    ->options($options)
    ->extraClasses('mr-2 text-4xl flex');

鸣谢

为QuizGriz - 顶级的在线Trivia和Quiz游戏网站构建

许可证

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

webard / nova-badge-field

维护者

详细信息

README

详情页面

索引

安装

用法

鸣谢

许可证