kazistm/ filament-tailwind-color-picker
专为 Filamentphp 定制的 Tailwindcss 颜色选择器
dev-main
2023-04-05 15:00 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^9.0|^10
- spatie/laravel-package-tools: ^1.9.2
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^6.0
- nunomaduro/larastan: ^2.0.1
- orchestra/testbench: ^7.0
- pestphp/pest: ^1.21
- pestphp/pest-plugin-laravel: ^1.1
- phpstan/extension-installer: ^1.1
- phpstan/phpstan-deprecation-rules: ^1.0
- phpstan/phpstan-phpunit: ^1.0
- phpunit/phpunit: ^9.5
This package is auto-updated.
Last update: 2024-09-05 18:05:42 UTC
README
此插件在 Filament 表单中添加一个字段,帮助您在 Tailwind 颜色调色板中选择颜色。
截图
单个 Tailwind 颜色选择器在 Filament 中
代码集成示例
Filament Tailwind 颜色选择器与 Filament 其他字段完美兼容
在 1280x1024 上响应式
在 iPhone 12 Pro 上响应式
支持我们
安装
首先需要安装并运行 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)。请参阅 许可文件 了解更多信息。




