๎กป

Wizards
Snippets 

	<!-- Wizard . Default -->
	<wizard id="wizard_id">
		<step>Step one</step>
		<step>Step two</step>
		<step>Step three</step>
	</wizard>

	<!-- Wizard . Vertical . Absolute height -->
	<wizard id="wizard_id" data-orientation="vertical" data-height="100">
		<step>Step one</step>
		<step>Step two</step>
		<step>Step three</step>
	</wizard>

	<!-- Wizard . Vertical . Relative height -->
	<div class="v_half">
		<wizard id="wizard_id" data-orientation="vertical" data-height="100%">
			<step>Step one</step>
			<step>Step two</step>
			<step>Step three</step>
		</wizard>
	</div>

	<!-- Wizard . Progress -->
	<div class="wizard_progress" data-wizard="wizard_id">
		<label class="info"></label>
		<ul class="markers"></ul>
	</div>

	<!-- Wizard controls -->
	<button type="button" data-wizard="wizard_id" data-action="previous" class="wizard_control previous">Previous</button>
	<button type="button" data-wizard="wizard_id" data-action="next" class="wizard_control next">Next</button>
Options
Type Name Value
default id string
default data-orientation none, 'horizontal' 'vertical'
default data-height int percent
callback data-callback-initialize function Triggers on initialization
callback data-callback-step_change function Triggers on changing step
callback data-callback-step_leave function Triggers on leaving step
callback data-callback-step_enter function Triggers on entering step
Methods 

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

	// Initialize wizards
	basekit.components.wizards.initialize(scope);
Parameters Value
scope null container wizard(s) 

	// Go to previous step
	basekit.components.wizards.steps.previous(scope);
Parameters Value
scope null wizard(s) 

	// Go to next step
	basekit.components.wizards.steps.next(scope);
Parameters Value
scope null wizard(s) 

	// Go to specific step
	basekit.components.wizards.steps.goto(scope, index);
Parameters Value
scope null wizard(s)
index int
Default
    Step one Step two Step three

      Step one Step two Step three

        Step one Step two Step three

          Step one Step two Step three