kazistm/filament-tailwind-color-picker

专为 Filamentphp 定制的 Tailwindcss 颜色选择器

dev-main 2023-04-05 15:00 UTC

This package is auto-updated.

Last update: 2024-09-05 18:05:42 UTC


README

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

此插件在 Filament 表单中添加一个字段,帮助您在 Tailwind 颜色调色板中选择颜色。

Banner

截图

单个 Tailwind 颜色选择器在 Filament 中

SCR-20220831-umu

代码集成示例

SCR-20220831-usl

Filament Tailwind 颜色选择器与 Filament 其他字段完美兼容

SCR-20220825-mge

在 1280x1024 上响应式

1280x1024-SCR-20220831-w9u

在 iPhone 12 Pro 上响应式

390x844-iphone12pro-SCR-20220831-wdc

支持我们

您可以通过此处支持此开源软件包的开发

安装

首先需要安装并运行 Filament。请阅读 Filament 网站的说明。

您可以通过 Composer 安装此软件包

composer require happytodev/filament-tailwind-color-picker

可选地,您可以使用以下命令发布视图

php artisan vendor:publish --tag="filament-tailwind-color-picker-views"

用法

为添加背景颜色选择器

    TailwindColorPicker::make('backgroundColor')
        ->bgScope(),

当用户在 Tailwindcss 调色板中选择颜色时,表单返回的值例如

bg-red-300

为添加文本颜色选择器

    TailwindColorPicker::make('backgroundColor')
        ->textScope(),

当用户在 Tailwindcss 调色板中选择颜色时,表单返回的值例如

text-red-300

测试

composer test

变更日志

请参阅 CHANGELOG 了解最近的变化。

贡献

请参阅 CONTRIBUTING 了解详情。

安全漏洞

请审查 我们的安全策略 了解如何报告安全漏洞。

鸣谢

许可

MIT 许可证 (MIT)。请参阅 许可文件 了解更多信息。