backstage-tabs

0.0.3 • Public • Published

backstage-tabs

Backstage React tabs component

Installing

$ npm install backstage-tabs --save

Required Props

  • tabs: Array of objects to set all tab items of Tabs component:
    • label: label displayed on the tab,
    • value: the identifier of the tab.
  • activeTab: current active tab;

Props

  • onClickTab: callback called when the user clicks any tab;
  • className: custom CSS class to the component;
  • large: shows the component in a large size;
  • small: shows the component in a small size;

Example

import React from 'react';
import { render } from 'react-dom';
import Dropdown from 'backstage-tabs';
 
 
const TABS = [
  {value: "grape", label: "Grape"},
  {value: "apple", label: "Apple"},
  {value: "mango", label: "Mango"},
  {value: "tangerine", label: "Tangerine"},
];
 
render(<Tabs options={TABS} activeTab='grape' />, document.getElementById('container'));

Readme

Keywords

none

Package Sidebar

Install

npm i backstage-tabs

Weekly Downloads

1

Version

0.0.3

License

MIT

Last publish

Collaborators

  • metal
  • ricobl
  • siminino
  • vierno