通过 
搜索
搜索awcodes / preset-color-picker
为 Filament Forms 提供的预设颜色调色板颜色选择器。
v0.3.0
2024-07-31 19:40 UTC
Requires
- php: ^8.1
- filament/forms: ^3.0
- spatie/laravel-package-tools: ^1.15.0
Requires (Dev)
- laravel/pint: ^1.0
- nunomaduro/collision: ^7.9|^8.1
- orchestra/testbench: ^8.0|^9.0
- pestphp/pest: ^2.1
- pestphp/pest-plugin-arch: ^2.0
- pestphp/pest-plugin-laravel: ^2.0
- pestphp/pest-plugin-livewire: ^2.1
- spatie/laravel-ray: ^1.26
README
为 Filament Forms 提供的预设颜色调色板颜色选择器。
安装
您可以通过 composer 安装此包。
composer require awcodes/preset-color-picker
重要
如果您尚未设置自定义主题并且正在使用面板，请先按照 Filament 文档 中的说明操作。以下内容适用于面板包和独立的表单包。
将插件的视图添加到您的 tailwind.config.js 文件中。
content: [ './vendor/awcodes/preset-color-picker/resources/views/**/*.blade.php', ]
重新构建您的自定义主题。
npm run build
使用方法
简单地将 PresetColorPicker 字段添加到您的表单中，并传入 Filament 颜色对象的数组。
如果您需要在颜色调色板中包含黑色和白色，可以使用 withWhite 和 withBlack 方法。这将黑色和白色添加到颜色选项的末尾。
您还可以使用 'swap' 参数来交换用于黑色和白色的十六进制值。
PresetColorPicker::make('color') ->colors([ // array of Filament Color objects ]) ->size('sm') // optional 'xs', 'sm', 'md', 'lg' ->withBlack(swap: '#111111') ->withWhite(swap: '#f5f5f5'),
钩子类
以下是为 CSS 定制提供的可用类
- 主容器：
pcp-preset-color-picker - 项目：
pcp-preset-color-picker-item - 活动/选中项：
pcp-preset-color-picker-item-active
测试
composer test
变更日志
请参阅 CHANGELOG 了解最近更改的详细信息。
贡献
请参阅 CONTRIBUTING 了解详细信息。
安全漏洞
请参阅 我们的安全策略 了解如何报告安全漏洞。
致谢
许可证
MIT 许可证 (MIT)。请参阅 许可证文件 了解更多信息。