purecss-components-tabs

Pure CSS Components Tabs
==================


!Dependencies
!Current Version

A small JS utility for working with Pure.CSS Components Tabs.

NOTE: This is an independent project, and is not directly associated with Pure CSS.

Summary

Pure.CSS Components is a library of CSS only components designed
for use with the Pure.CSS framework. None of the components require any JavaScript in order to
function. There may be times, however, when it can be useful to have JavaScript to manipulate a component. Therefore,
I've created individual JS modules to complement the CSS only components. Don't need JS? Don't bother. Need a little
JS? Use just what you need.

$3

``js
yarn add purecss-components-tabs
`
or
`js
npm i purecss-components-tabs -S
`

Example

An example HTML Tabs:

`html



• 
  checked/>
  Option 0
  
  
  

  Heading 1

  
  Donec mattis mauris gravida metus laoreet non rutrum sem viverra. Aenean nibh libero,
  viverra
  vel vestibulum in,
  
  
  


• 
  
  Option 1
  
  
  

  Heading 1

  
  Content goes here
  
  
  


• 
  
  Option 2
  
  
  

  Heading 2

  
  Lorem Ipsum
  
  
  

`js

import Tabs from 'purecss-components-tabs';

// Pass in a selector to the base node for the tabs you want to work with
const myTabs = Tabs('.accordion');

// Set the active tab using a zero-based index.
myTabs.setActiveTab(1);

``