amidesfahani/nova-toggle

布尔切换开关字段

维护者

详细信息

github.com/amidesfahani/nova-toggle

源代码

问题

安装: 43

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

语言:Vue

dev-main 2022-06-04 22:00 UTC

Requires

  • php: >=7.1.0

MIT c922c82b5ba93eb08f31ed746d1b792a684dd651

novalaravel

This package is auto-updated.

Last update: 2024-09-05 02:38:29 UTC

README

默认布尔字段的替代品

安装

与其他Nova包类似

composer require amidesfahani/nova-toggle

用法

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

use Amid\NovaToggle\Toggle;
Toggle::make('Active')
    ->inlineOnIndex()
    ->inlineOnDetail()
    ->trueText('On')
    ->falseText('Off')
    ->textOnIndex()

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

标签

您可以显示两个标签或每个状态标签

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

大小

您可以设置宽度和高度。设置宽度将自动缩放高度，但您可以使用 ->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')
    ->inlineOnIndex()

原始包

许可协议

此包是 Treeware。如果您在生产中使用它，那么我们要求您 为世界买一棵树 以感谢我们的工作。通过为 Treeware 森林做出贡献，您将为当地家庭创造就业机会，并恢复野生动物栖息地。