mziraki / nova-toggle
A Boolean Toggle Switch Field
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
A drop in replacement for the default Boolean field
Installation
Same as most other Nova Packages
composer require davidpiesse/nova-toggle
Usage
The Toggle has all the same options as the Boolean field so you can set the values to be stored in the Model.
use Davidpiesse\NovaToggle\Toggle;
Toggle::make('Active') ->trueValue('On') ->falseValue('Off')
In addition you can set visual parameters
Labels
You can show both, or each state label
Toggle::make('Active') ->showLabels() //Both labels ->showOnlyTrueLabel() //True label only ->showOnlyFalseLabel() //False label only
To set the text you can use either or both of the following. You must also set the visibility of the labels as described above.
Toggle::make('Active') ->showLabels() ->trueLabel('Tru Dat') ->falseLabel('Nah Dawg')
The defaults are 'True' and 'False'
Size
You can set the width and height. Setting the width will auto scale the height, but you can override this with ->height(). Defaults are 60 (px) and 26 (px)
Toggle::make('Active') ->width(80) ->height(45) //To override scaling
Colors
You can set wither or both of the background colours for the Toggle. By default True is the Nova 'Success Green' [ var(--success) ] and false is a Grey 60 [ var(--60) ]
Toggle::make('Active') ->trueColor('pink') ->falseColor('#fcfcfc')
Speed
You can set the animation speed in ms with
Toggle::make('Active') ->speed(500)
The default is 300ms