Toggle

<x-boilerplate::toggle />
<x-boilerplate::toggle label="Toggle label" color-on="green" checked/>

Will render

Attributes

Attributes that can be used with this component :

Option	Type	Default	Description
color-on	string	primary	Checkbox color when on (*)
color-off	string	light	Checkbox color when off (*)
checked	boolean	false	If true input will be checked
type	string	checkbox	Type of input : checkbox or radio
id	string	random id	Id of the input, if no value will set a unique random id
name	string	empty string	Name of the input
label	string	empty string	Label of the input, can be a translation string
class	string	empty string	Extra class that will be added to form-group
value	string	empty string	Value of input

(*) Available colors are : blue, green, cyan, yellow, red, gray-dark, gray, indigo, navy, purple, fuchsia, pink, maroon, orange, lime, teal, olive

All of the attributes that are not in the list above will be added as attributes to the div that contains the input :

<x-boilerplate::toggle name="example[]" label="translation.string" data-toggle="tooltip" data-title="Tooltip content" />

NB : for non primitive values that not using a simple string you have to use the : character as a prefix :

<x-boilerplate::toggle type="radio" name="radio" value="test" :checked="$value === 'test'" />

Laravel 6

Laravel 6 does not support Blade x components, but you can use the @component directive instead :

@component('boilerplate::toggle') @endcomponent
@component('boilerplate::toggle', ['label' => 'Toggle label', 'color-on' => 'green', 'checked' => true]) @endcomponent