legit-tabs

    0.2.4 • Public • Published

    Tabs

    A basic tabs component, with a few customizable props.

    Install

    npm install legit-tabs

    Example

    import {Tabs, Tab} from 'legit-tabs';
     
    <Tabs className="accordion-tabs-minimal" active="second">
      <Tab name="first">
        hey
      </Tab>
      <Tab name="second" style={{background: 'yellow'}}>
        whats up
      </Tab>
      <Tab name="third" className="test">
        hello
      </Tab>
    </Tabs>

    Props

    Tabs:

    • active: Name of the tab you want to be active, defaults to the first one if empty
    • anything else you'd like to set on the containing ul

    Tab:

    • name: a unique name for the tab, represents the tab title.
    • liClass, liStyle: class on the li for the tab.
    • contentClass: class on the div that holds the tab content.
    • anything else you'd like to set on the tab's containing div.

    Install

    npm i legit-tabs

    DownloadsWeekly Downloads

    2

    Version

    0.2.4

    License

    ISC

    Last publish

    Collaborators

    • dphaener
    • zackify