๎กป

Shades
Snippets 

	<button class="button shade_trigger bc_red">Create shade</button>

	<script type="text/javascript">

		$('.button.shade_trigger').click(function () {

			// Create shade
			basekit.components.shade.create({
				on_click: function (){

					// destroy shade
					basekit.components.shade.destroy('.shade')

				}
			});

		});

	</script>
Options
Type Name Value
color color
opacity int Ranges between 0 and 1
on_create function Triggers on creation
on_click function Triggers on click
on_show function Triggers on clicking
on_hide function Triggers on hiding
on_destroy function Triggers on destruction
Methods 

	// Create shades
	basekit.components.shades.initialize(scope);
Parameters Value
scope null options 

	// Show shades
	basekit.components.shades.show(scope);
Parameters Value
scope null shade 

	// Hide shades
	basekit.components.shades.hide(scope);
Parameters Value
scope null shade 

	// Destroy shades
	basekit.components.shades.destroy(scope);
Parameters Value
scope null shade
Default