通过
搜索
搜索szucs996 / filament-tailwind-color-picker
Filamentphp特定的Tailwindcss颜色选择器
dev-main
2023-07-03 07:14 UTC
Requires
- php: ^8.1
- illuminate/contracts: ^8.0|^9.0|^10.0
- 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 not auto-updated.
Last update: 2024-09-20 22:01:44 UTC
README
此插件在Filament表单中添加一个字段，帮助您在Tailwind颜色调色板中选择颜色。
屏幕截图
Filament中的单个Tailwind颜色选择器
代码集成示例
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）。有关更多信息，请参阅许可文件。