jqtags/jq-tab

fancy bootstrap tab

0.0.9 2017-04-21 14:32 UTC

Requires

• jqmodules/jq2much: >=0.0.2
• webmodules/foo: >=3.1.3
• webmodules/jqtag: >=0.0.1

MIT

• polymer
• x-tag
• pitana

README

Sample Code:

	<jq-tab value="gen" id="sampeltab">
		<jq-tab-heads>
			<jq-tab-head value="gen">General</jq-tab-head>
			<jq-tab-head value="vdo">Video</jq-tab-head>
			<jq-tab-head value="pic">Pics</jq-tab-head>
		</jq-tab-heads>
		<jq-tab-next>Next</jq-tab-next>
		<jq-tab-prev>Previous</jq-tab-prev>
		<jq-tab-pane tab="gen">I am gen Content
		</jq-tab-pane>
		<jq-tab-pane tab="vdo" >I am vdo Content</jq-tab-pane>
		<jq-tab-pane tab="pic">I am pic Content</jq-tab-pane>
	</jq-tab>

Using jQuery you can get/set value

$("sampeltab").val("pic");

var x = $("sampeltab").val();

$("sampeltab").on("change",function(e){
    console.log("callback : tab has changes")
})

Install

composer require jqtags/jq-tab

bower install jqtags-jq-tab