xamani/nova-toggle

一个 Laravel Nova 开关字段。

维护者

详细信息

github.com/xamani/nova-toggle

源代码

安装量: 1,139

依赖者: 0

建议者: 0

安全: 0

星星: 0

关注者: 0

分支: 29

语言:SCSS

v1.1 2023-10-09 08:54 UTC

Requires

  • php: ^7.3|^8.0
  • laravel/nova: ~4.0

MIT ea3c6e899edad5b0d6b9bc3ea194f63b9dd74d84

novalaravelfield

This package is auto-updated.

Last update: 2024-09-09 11:16:03 UTC

README

默认布尔字段的替代品

Toggle In Action

安装

与其他 Nova 包类似

composer require xamani/nova-toggle

使用方法

开关具有与布尔字段相同的所有选项，因此您可以为存储在模型中的值设置值。

use Davidpiesse\NovaToggle\Toggle;
Toggle::make('Active')
    ->trueValue('On')
    ->falseValue('Off')

此外，您还可以设置视觉参数

标签

您可以选择显示两者，或每个状态标签

Toggle::make('Active')
    ->showLabels() //Both labels
    ->showOnlyTrueLabel() //True label only
    ->showOnlyFalseLabel() //False label only

要设置文本，您可以使用以下任一或两者。您还必须设置标签的可见性，如上所述。

Toggle::make('Active')
    ->showLabels()
    ->trueLabel('Tru Dat')
    ->falseLabel('Nah Dawg')

默认值为 'True' 和 'False'

大小

您可以设置宽度和高度。设置宽度将自动调整高度，但您可以使用 ->height() 覆盖此设置。默认值是 60 (px) 和 26 (px)

Toggle::make('Active')
    ->width(80)
    ->height(45) //To override scaling

颜色

您可以设置开关的背景颜色，可以是任一或两者。默认情况下，True 是 Nova 的 'Success Green' [ var(--success) ]，而 false 是灰 60 [ var(--60) ]

Toggle::make('Active')
    ->trueColor('pink')
    ->falseColor('#fcfcfc')

速度

您可以使用以下方式设置动画速度（毫秒）

Toggle::make('Active')
    ->speed(500)

默认值为 300ms

索引上的开关

您还可以使用以下方式在索引上激活开关

Toggle::make('Active')
    ->editableIndex()