๎กป

Tags
Snippets 

	<!-- Standard -->
	<tag>Label</tag>

	<!-- Rounded -->
	<tag class="rounded">Label</tag>

	<!-- Pill -->
	<tag class="pill">Label</tag>
Options
Type Value
Type none, 'deletable'
Status none, 'locked', 'disabled'
Size none, 'tiny', 'small', 'default', 'medium', 'large', 'huge'
Colors none, color
Styles none, 'rounded', 'pill',
Type Name Value
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-delete function Triggers on deleting
callback data-callback-hover function Triggers on hover
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 tags
	basekit.components.tags.scan(scope);
Parameters Value
scope null element 

	// Initialize tags
	basekit.components.tags.initialize(scope);
Parameters Value
scope null container tag(s) 

	// Create tag
	basekit.components.tags.create(id,label,options,callback);
Parameters Value
id string
label string
options none, 'deletable', 'locked', 'disabled'
callback function 

	// Update tags
	basekit.components.tags.update(scope,id,label,options);
Parameters Value
scope tags(s)
id string
label string
options none, 'deletable', 'locked', 'disabled' 

	// Delete tag
	basekit.components.tags.delete(scope);
Parameters Value
scope tag 

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

	// Lock tags
	basekit.components.tags.lock(scope);
Parameters Value
scope null tag(s) 

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

	// Unlock tags
	basekit.components.tags.unlock(scope);
Parameters Value
scope null tag(s) 

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

	// Disable tags
	basekit.components.tags.disable(scope);
Parameters Value
scope null tag(s) 

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

	// Enable tags
	basekit.components.tags.enable(scope);
Parameters Value
scope null tag(s)
States Tag 
tag
 Tag 
tag disabled
Styles Tag 
tag
 Tag 
tag rounded
 Tag 
tag pill
Inline

This is a text with a default tag in the middle.

This is a text with a pill tag in the middle.
Sizes Tag 
tag tiny
 Tag 
tag small
 Tag 
tag default
 Tag 
tag medium
 Tag 
tag large
 Tag 
tag huge
Colors Tag 
tag pill default
 Tag 
tag pill default
 Tag 
tag pill secondary
 Tag 
tag pill red
 Tag 
tag pill green
 Tag 
tag pill blue
 Tag 
tag pill orange
 Tag 
tag pill yellow
 Tag 
tag pill grey
 Tag 
tag pill black
 Tag 
tag pill white
 Tag 
tag pill red_dark
 Tag 
tag pill blue_dark
 Tag 
tag pill green_dark
 Tag 
tag pill orange_dark
 Tag 
tag pill yellow_dark
 Tag 
tag pill grey_dark
 Tag 
tag pill black_dark
 Tag 
tag pill white_dark
 Tag 
tag pill red_medium
 Tag 
tag pill green_medium
 Tag 
tag pill blue_medium
 Tag 
tag pill orange_medium
 Tag 
tag pill yellow_medium
 Tag 
tag pill grey_medium
 Tag 
tag pill black_medium
 Tag 
tag pill white_medium
 Tag 
tag pill red_light
 Tag 
tag pill green_light
 Tag 
tag pill blue_light
 Tag 
tag pill orange_light
 Tag 
tag pill yellow_light
 Tag 
tag pill grey_light
 Tag 
tag pill black_light
 Tag 
tag pill white_light
Collapsible 
tag tiny collapsed
 
tag small collapsed
 
tag default collapsed
 
tag medium collapsed
 
tag large collapsed
 
tag huge collapsed

Tag 
tag tiny xs-collapsed
 Tag 
tag small xs-collapsed
 Tag 
tag default xs-collapsed
 Tag 
tag medium xs-collapsed
 Tag 
tag large xs-collapsed
 Tag 
tag huge xs-collapsed

Tag 
tag tiny sm-collapsed
 Tag 
tag small sm-collapsed
 Tag 
tag default sm-collapsed
 Tag 
tag medium sm-collapsed
 Tag 
tag large sm-collapsed
 Tag 
tag huge sm-collapsed

Tag 
tag tiny md-collapsed
 Tag 
tag small md-collapsed
 Tag 
tag default md-collapsed
 Tag 
tag medium md-collapsed
 Tag 
tag large md-collapsed
 Tag 
tag huge md-collapsed

Tag 
tag tiny lg-collapsed
 Tag 
tag small lg-collapsed
 Tag 
tag default lg-collapsed
 Tag 
tag medium lg-collapsed
 Tag 
tag large lg-collapsed
 Tag 
tag huge lg-collapsed