README

这是一个包含两个简单组件的小型包，这些组件可以作为开关、单选按钮和其他选择器的优秀替代品。这些组件不仅提供无缝的用户交互，而且通过轻松地与相邻字段和组件对齐，保持UI的一致性。

安装

您可以通过composer安装此包

composer require andrewdwallo/filament-selectify

可选地，您可以使用以下方式发布视图

php artisan vendor:publish --tag="filament-selectify-views"

注册样式

为了使组件样式得到处理，您必须将此包的vendor目录添加到您的tailwind.config.js文件的内容数组中

export default {
    content: [
        './resources/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/andrewdwallo/filament-selectify/resources/views/**/*.blade.php', // The package's vendor directory
    ],
    // ...
}

使用方法

切换按钮

ToggleButton有以下选项。 onLabel() 和 offLabel() 代表true和false状态。您还可以使用 onColor() 和 offColor() 自定义每个状态的代表颜色。

ToggleButton::make('enabled')
    ->offColor('danger')
    ->onColor('primary')
    ->offLabel('No')
    ->onLabel('Yes')
    ->default(true),

按钮组

ButtonGroup有以下选项。您可以自定义每个状态的代表颜色。 onColor() 代表选定的按钮或值，而 offColor() 代表未选定的按钮或值。您可以使用 gridDirection() 更改按钮的布局。选项是 column 和 row。默认为 column。您还可以使用 icons() 为按钮添加图标，并提供一个包含选项值作为键和图标名称作为值的数组。可以使用 iconPosition()（默认：before）和 iconSize()（默认：Small）更改图标位置和大小。

ButtonGroup::make('entity')
    ->options([
        'individual' => 'Individual',
        'company' => 'Company',
    ])
    ->onColor('primary')
    ->offColor('gray')
    ->gridDirection('row')
    ->default('individual')
    ->icons([
        'individual' => 'heroicon-m-user',
        'company' => 'heroicon-m-building-office', 
    ])
    ->iconPosition(\Filament\Support\Enums\IconPosition::After)
    ->iconSize(Filament\Support\Enums\IconSize::Medium),

更新日志

请参阅更新日志以获取有关最近更改的更多信息。

贡献

请参阅贡献指南以获取详细信息。

安全漏洞

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

鸣谢

许可协议

MIT许可协议（MIT）。请参阅许可文件以获取更多信息。

andrewdwallo / filament-selectify

维护者

详细信息