๎กป

Switches
Snippets 

	<!-- Default -->
	<switch></switch>

	<!-- Normal on -->
	<switch data-name="name" data-value="1"></switch>

	<!-- Normal off -->
	<switch data-name="name" data-value="0"></switch>
Options
Type Value
Status on, off, readonly, disabled valid, invalid, changed
Size tiny, small, default, medium, large, huge, xs-[size], sm-[size], md-[size], lg-[size]
Styles light, dark, outlined, iconless, rounded, shaded
Type Name Value
default id string
default title string
default data-name string
status data-value 0, 1
validation required required
callback data-callback-initialize function Triggers on initialization
callback data-callback-create function Triggers on creation
callback data-callback-update function Triggers on updating
callback data-callback-change function Triggers on changing
callback data-callback-reset function Triggers on reset
callback data-callback-validate function Triggers on validation
callback data-callback-persist function Triggers on persisting
callback data-callback-hover function Triggers on hover
callback data-callback-focus function Triggers on focus
callback data-callback-lock function Triggers on locking
callback data-callback-unlock function Triggers on unlocking
callback data-callback-disable function Triggers on disabling
callback data-callback-enable function Triggers on enabling
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
Methods 

	// Scan switches
	basekit.components.switches.scan(scope);
Parameters Value
scope null element 

	// Initialize switches
	basekit.components.switches.initialize(scope);
Parameters Value
scope null container switch(es) 

	// Create switches
	basekit.components.switches.create(id,name,value,title,options,callback);
Parameters Value
id string
name string
value 'on', 'off'
title string
options 'locked', 'disabled'
callback function 

	// Update switches
	basekit.components.switches.update(scope,id,name,value,title,options);
Parameters Value
scope switch(es)
id string
name string
value 'on', 'off'
title string
options 'locked', 'disabled' 

	// Cancel active switches
	basekit.components.switches.cancel();
Parameters Value
- - 

	// Set scope
	var scope= $('switch');

	// Reset switches
	basekit.components.switches.reset(scope);
Parameters Value
scope null switch(es) 

	// Set scope
	var scope= $('switch');

	// Validate switches
	basekit.components.switches.validate(scope);
Parameters Value
scope null switch(es) 

	// Set scope
	var scope= $('switch');

	// Persist switches
	basekit.components.switches.persist(scope);
Parameters Value
scope null switch(es) 

	// Set scope
	var scope= $('switch');

	// Lock switches
	basekit.components.switches.lock(scope);
Parameters Value
scope null switch(es) 

	// Set scope
	var scope= $('switch');

	// Unlock switches
	basekit.components.switches.unlock(scope);
Parameters Value
scope null switch(es) 

	// Set scope
	var scope= $('switch');

	// Disable switches
	basekit.components.switches.disable(scope);
Parameters Value
scope null switch(s) 

	// Set scope
	var scope= $('switch');

	// Enable switches
	basekit.components.switches.enable(scope);
Parameters Value
scope null switch(s)
Styles . Default 
tiny
 
small
 
default
 
medium
 
large
 
huge
 
tiny
 
small
 
default
 
medium
 
large
 
huge
 
xs-xxx
 
sm-xxx
 
md-xxx
 
lg-xxx
 
default
 
disabled
 
readonly on
 
readonly off
 
default
 
disabled
 
readonly on
 
readonly off
 
outlined dark
 
outlined dark disabled
 
outlined dark readonly
 
outlined light
 
outlined light disabled
 
outlined light readonly
 
iconless
 
iconless disabled
 
iconless readonly on
 
iconless readonly off
 
iconless shaded
 
iconless shaded disabled
 
iconless shaded readonly on
 
iconless shaded readonly off
 
iconless outlined dark
 
iconless outlined dark disabled
 
iconless outlined dark readonly on
 
iconless outlined dark readonly off
 
iconless outlined light
 
iconless outlined light disabled
 
iconless outlined light readonly on
 
iconless outlined light readonly off
Styles . Rounded 
tiny
 
small
 
default
 
medium
 
large
 
huge
 
rounded tiny shaded
 
rounded small shaded
 
rounded default shaded
 
rounded medium shaded
 
rounded large shaded
 
rounded huge shaded
 
xs-xxx
 
sm-xxx
 
md-xxx
 
lg-xxx
 
rounded default
 
rounded disabled
 
rounded readonly on
 
rounded readonly off
 
rounded default shaded
 
rounded disabled shaded
 
rounded readonly on shaded
 
rounded readonly off shaded
 
rounded outlined dark
 
rounded outlined dark disabled
 
rounded outlined dark readonly
 
rounded outlined light
 
rounded outlined light disabled
 
rounded outlined light readonly
 
rounded iconless
 
rounded iconless disabled
 
rounded iconless readonly on
 
rounded iconless readonly off
 
rounded iconless shaded
 
rounded iconless shaded disabled
 
rounded iconless shaded readonly on
 
rounded iconless shaded readonly off
 
rounded iconless outlined dark
 
rounded iconless outlined dark disabled
 
rounded iconless outlined dark readonly on
 
rounded iconless outlined dark readonly off
 
rounded iconless outlined light
 
rounded iconless outlined light disabled
 
rounded iconless outlined light readonly on
 
rounded iconless outlined light readonly off