Sha256: f948e0dfef7260ff64bfa083dacb2e9bce8ced9792853ca092ba62a14c13ce0f

Contents?: true

Size: 741 Bytes

Versions: 5

Compression:

Stored size: 741 Bytes

Contents

import React from "react"
import Tab from "../Tab/Tab"
import TabList from "./TabList"

export default function TabListStory(stories) {
  stories.add("Tabbed List",
    () => {
      return (
        <div className="container my-5">
          <TabList>
            <Tab
                active={true}
                text="Normal Tab"
            />
            <Tab
                active={false}
                target="_blank"
                text="GitHub"
                href="https://www.github.com"
            />
            <Tab
                active={false}
                onClick={function(){alert("Hey, who clicked me?!")}}
                text="Click Tab"
            />
          </TabList>
        </div>
      )
    }
  )
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-2.7.2 components/TabList/TabListStory.jsx
playbook_ui-2.7.1 components/TabList/TabListStory.jsx
playbook_ui-2.7.0 components/TabList/TabListStory.jsx
playbook_ui-2.6.0 components/TabList/TabListStory.jsx
playbook_ui-2.5.0 components/TabList/TabListStory.jsx