pixelpillow/statamic-tailwind-color-field

此包的最新版本(dev-main)没有提供许可证信息。

此Statamic字段类型允许您选择用于前端的Tailwind颜色名称。

dev-main 2024-01-18 11:07 UTC

This package is auto-updated.

Last update: 2024-09-19 12:36:55 UTC


README

Tailwind颜色字段是Statamic插件,允许您定义Tailwind颜色并在蓝图中使用它们。

字段应用实例: Scherm­afbeelding 2024-01-18 om 12 04 47

字段设置: CleanShot 2024-01-18 at 12 05 57@2x

如何安装

在终端中运行以下命令以添加此插件

composer require pixelpillow/statamic-tailwind-color-field

如何使用

字段配置

您可以将字段类型添加到蓝图,就像添加Statamic中已经包含的任何其他字段类型一样。对于配置,您只需将Tailwind颜色字段类型添加到蓝图的字段集中。该字段类型具有以下配置选项

  • Tailwind颜色:(必需):您要在蓝图中使用的所有颜色的列表。您可以添加任意数量的颜色。字段类型将自动为这里添加的每个颜色添加一个颜色选择器。使用颜色名称的键和十六进制代码的值。例如,对于"bg-orange-500",您使用"orange" => "#ff0000"
  • 默认值:为字段设置默认值,例如"orange"

...就这样!您现在可以在蓝图中使用字段类型了。