@arcteryx/components-tabs

Heard you like Tabs...

Install

npm install --save @arcteryx/components-tabs

Usage

import { TabContainer, TabList, TabButton } from "@arcteryx/components-tabs";

  const [ tabIndex, setTabIndex ] = useState(0)

  <div>
    <TabList
      selectedIndex={tabIndex}
      setSelectedIndex={setTabIndex}
      preventClick={true} // prevents click of buttons to allow the parent component to control the index
      theme="campaigns" // theme options: default or campaigns
    >
      <TabButton>Ship to you</TabButton>
      <TabButton>Pick up at Store</TabButton>
    </TabList>
    <TabContainer>
      Content1
    </TabContainer>
    <TabContainer>
      Content 2
    </TabContainer>
  </div>