mziraki/ nova-toggle
0.0.7
2020-11-04 00:38 UTC
Requires
- php: >=7.1.0
- dev-master
- 0.0.7
- 0.0.6
- 0.0.5
- 0.0.4
- 0.0.3
- 0.0.2
- 0.0.1
- dev-dependabot/npm_and_yarn/http-proxy-1.18.1
- dev-dependabot/npm_and_yarn/node-sass-4.14.1
- dev-dependabot/npm_and_yarn/elliptic-6.5.3
- dev-dependabot/npm_and_yarn/lodash-4.17.19
- dev-dependabot/npm_and_yarn/websocket-extensions-0.1.4
- dev-dependabot/npm_and_yarn/mixin-deep-1.3.2
- dev-dependabot/npm_and_yarn/fstream-1.0.12
- dev-dependabot/npm_and_yarn/lodash.mergewith-4.6.2
- dev-oct-refresh
This package is auto-updated.
Last update: 2022-03-02 04:20:20 UTC
README
默认布尔字段的替代品
安装
与其他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 的 'Success Green' [ var(--success) ],false 为灰 60 [ var(--60) ]
Toggle::make('Active') ->trueColor('pink') ->falseColor('#fcfcfc')
速度
您可以使用以下方式设置动画速度(以毫秒为单位)
Toggle::make('Active') ->speed(500)
默认值为 300ms