@cebus/react-tabs
TypeScript icon, indicating that this package has built-in type declarations

0.0.1 • Public • Published

Tabs

The Tab component assists in organizing groups of content. This can be especially helpful for landing pages.

Use

  1. Install the @cebus/react-tabs component.

Using NPM

npm install @cebus/react-tabs

Using Yarn

yarn add @cebus/react-tabs
  1. Install the @cebus/react-provider and our theme tokens from @cebus/react-theme

  2. Set up the provider in your app:

import { Provider } from '@cebus/react-provider'
import { webLightTheme } from '@cebus/react-theme'

const MyApp = () => {
  return (
    <Provider theme={webLightTheme}>
    <Provider>
  )
}
  1. Integrate the Tab component.
import { Provider } from '@cebus/react-provider'
import { webLightTheme } from '@cebus/react-theme'
import { TabList, Tab } from '@cebus/react-tabs'

const MyApp = () => {
  return (
    <Provider theme={webLightTheme}>
      <TabList>
        <Tab value="1">First Tab</Tab>
        <Tab value="2">Second Tab</Tab>
      </TabList>
    <Provider>
  )
}

API

The Tab API extends off of FluentUI.

Readme

Keywords

none

Package Sidebar

Install

npm i @cebus/react-tabs

Weekly Downloads

3

Version

0.0.1

License

MIT

Unpacked Size

99.9 kB

Total Files

125

Last publish

Collaborators

  • czearing
  • pongobuild