hassanhazara / nova-toggle

布尔切换字段

维护者

详细信息

github.com/hassan-knopsmedia/nova-toggle

源代码

安装: 6

依赖者: 0

建议者: 0

安全性: 0

星标: 0

关注者: 0

分支: 29

语言：Vue

0.0.9 2021-10-22 12:01 UTC

Requires

  • php: >=7.4

MIT 9e7da447a1eaaeaee48a44b764cddab74ef97071

novalaravel

This package is auto-updated.

Last update: 2024-09-22 18:31:01 UTC

README

默认布尔字段的直接替换

Toggle In Action

安装

与其他Nova包相同

composer require hassanhazara/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 (像素) 和 26 (像素)

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

颜色

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

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

速度

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

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

默认值是 300ms

切换索引

您还可以使用以下方式激活切换索引

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