colby-tabs
A WordPress shortcode, CSS, and JavaScript for multitabbed content areas.
Last updated 2 years ago by johnwatkins0 .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install colby-tabs 
SYNC missed versions from official npm registry.

colby-tabs

Install

npm install --save colby-tabs

Usage

In JavaScript (required)

import 'colby-tabs';

In SCSS (required for proper default display)

@import '~colby-tabs/index.css';

Import PHP shortcode

require( $PROJECT_ROOT . 'node_modules/colby-tabs/index.php' );

WordPress shortcodes

[colby-tabs]
  [colby-tab title="First tab title"]
		First tab content
	[/colby-tab]
	[colby-tab title ="Second tab title"]
	  Second tab content
	[/colby]
[/colby-tabs]

Using HTML (to bypass PHP)

<div data-colby-tabs class="colby-tabs">
	<div class="colby-tabs__buttons"></div>
	<div class="colby-tabs__inner">
		<div data-colby-tab data-colby-tab-title="First tab title" class="colby-tab">
			<div class=\"colby-tab__inner\">
				First tab content
			</div>
		</div>
		<div data-colby-tab data-colby-tab-title="Second tab title" class="colby-tab">
			<div class=\"colby-tab__inner\">
				Second tab content
			</div>
		</div>
	</div>
</div>

Current Tags

  • 1.0.1                                ...           latest (2 years ago)

2 Versions

  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (15)
Dev Dependencies (2)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |