davidpiesse/nova-toggle

布尔型切换开关字段

维护者

详细信息

github.com/davidpiesse/nova-toggle

源代码

问题

安装次数: 926,462

依赖者: 3

建议者: 0

安全性: 0

星标: 86

关注者: 3

分支: 29

开放问题: 29

语言:Vue

4.0 2022-07-21 11:23 UTC

Requires

  • php: ^7.3|^8.0

MIT 757b457bef59849f2a9479fb5ac536a4cc95c51c

novalaravelfieldtoggle

This package is auto-updated.

Last update: 2024-09-08 21:10:46 UTC

README

默认布尔字段的替代品

Toggle In Action

安装

与其他Nova包相同

composer require davidpiesse/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 的 '成功绿色' [ var(--success) ]，而 false 是灰色 60 [ var(--60) ]

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

速度

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

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

默认值为 300ms

切换索引

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

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