Buttons
Snippets 

	<!-- Button -->
	<button class="button" data-action-type="" data-action-value=""></button>

	<!-- DIV -->
	<div class="button" data-action-type="" data-action-value=""></div>

	<!-- A -->
	<a href="#" class="button" data-action-type="" data-action-value=""></a>
Options
Type Value
Status locked, disabled
Size tiny, small, default, medium, large, huge
Style default, rounded
Color color
Actions locked, disabled
Type Name Value
action data-action-type submit, link, function, back or print
action data-action-value form_id url function
callback data-callback-click function Triggers on click
callback data-callback-hover function Triggers on hover
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-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 buttons
	basekit.components.buttons.scan(scope);
Parameters Value
scope null element 

	// Initialize buttons
	basekit.components.buttons.initialize(scope);
Parameters Value
scope null container button(s) 

	// Create buttons
	basekit.components.buttons.create(format,action,value,label,options,callback);
Parameters Value
type 'button', 'link', 'div'
action 'submit', 'link', 'function'
value string
label string
options 'locked', 'disabled'
callback function 

	// Update buttons
	basekit.components.buttons.update(scope,action,value,label,options);
Parameters Value
scope button(s)
action string
value string
label string
options 'locked', 'disabled' 

	// Set scope
	var scope= $('.button');

	// Reset buttons
	basekit.components.buttons.reset(scope);
Parameters Value
scope null button(s) 

	// Set scope
	var scope= $('.button');

	// Lock buttons
	basekit.components.buttons.lock(scope);
Parameters Value
scope null button(s) 

	// Set scope
	var scope= $('.button');

	// Unlock buttons
	basekit.components.buttons.unlock(scope);
Parameters Value
scope null button(s) 

	// Set scope
	var scope= $('.button');

	// Disable buttons
	basekit.components.buttons.disable(scope);
Parameters Value
scope null button(s) 

	// Set scope
	var scope= $('.button');

	// Enable buttons
	basekit.components.buttons.enable(scope);
Parameters Value
scope null button(s)
Actions 
operation cancel
 
operation save
 
operation cancel
 
operation delete
Sizes
Tiny 
tiny
Small 
small
Standard 
default
Medium 
medium
Large 
large
Huge 
huge
 
xs-xxx
 
sm-xxx
 
md-xxx
 
lg-xxx
Widths
Tiny 

h_tiny
Small 

h_small
Narrow 

h_narrow
Medium 

h_medium
Large 

h_large
Huge 

h_huge
Full 

bw_full
Half 

h_half
Third 

h_third
Quarter 

h_quarter
Fifth 

h_fifth
Sixth 

h_sixth
Seventh 

h_seventh
Eighth 

h_eighth
Ninth 

h_ninth
Tenth 

h_tenth
100px 

bw_100
150px 

bw_150
200px 

bw_200
250px 

bw_250
300px 

bw_300
350px 

bw_350

Screen size specific

xs-bw_xxx
 
sm-bw_xxx
 
md-bw_xxx
 
lg-bw_xxx
Colors
Button 
bc_default
Button 
bc_primary
Button 
bc_secondary
Tiny 
bc_red
Tiny 
bc_green
Tiny 
bc_blue
Tiny 
bc_orange
Tiny 
bc_yellow
Tiny 
bc_grey
Tiny 
bc_black
Tiny 
bc_white
Tiny 
bc_red_dark
Tiny 
bc_green_dark
Tiny 
bc_blue_dark
Tiny 
bc_orange_dark
Tiny 
bc_yellow_dark
Tiny 
bc_grey_dark
Tiny 
bc_black_dark
Tiny 
bc_white_dark
Tiny 
bc_red_medium
Tiny 
bc_green_medium
Tiny 
bc_blue_medium
Tiny 
bc_orange_medium
Tiny 
bc_yellow_medium
Tiny 
bc_grey_medium
Tiny 
bc_black_medium
Tiny 
bc_white_medium
Tiny 
bc_red_light
Tiny 
bc_green_light
Tiny 
bc_blue_light
Tiny 
bc_orange_light
Tiny 
bc_yellow_light
Tiny 
bc_grey_light
Tiny 
bc_black_light
Tiny 
bc_white_light
Actions
Novo
Cancelar
Guardar
Voltar
Eliminar
Anterior
Seguinte
Continuar
Começar
Terminar
Recomeçar
Saír