@rsuite/tab-nav

0.0.2 • Public • Published

TabNav

A tab component based on rsuite nav enhancements.

features

  • Support for removable tabs.
  • Support for automatic folding options when a row can not show all options.

Installation

npm install @rsuite/tab-nav --save

Usage

import TabNav from "@rsuite/tab-nav";
const App = () => {
  return (
    <TabNav>
      <TabNav.Item eventKey="A">Item A</TabNav.Item>
      <TabNav.Item eventKey="B">Item B</TabNav.Item>
      <TabNav.Item eventKey="C">Item C</TabNav.Item>
      <TabNav.Item eventKey="D">Item D</TabNav.Item>
      <TabNav.Item eventKey="E">Item E</TabNav.Item>
    </TabNav>
  );
};

ReactDOM.render(<App />, mountNode);

Props

TabNav extends all the props of Nav and also supports:

Property Type(Default) Description
moreProps object More drop-down menu props
moreText React.Node More text displayed on the drop-down
onItemRemove (eventKey)=>void The callback function when removing options
removable boolean Options can be removed

License

MIT licensed

Dependents (0)

Package Sidebar

Install

npm i @rsuite/tab-nav

Weekly Downloads

9

Version

0.0.2

License

MIT

Unpacked Size

21.6 kB

Total Files

7

Last publish

Collaborators

  • vingeray
  • simonguo
  • superman66
  • hiyangguo
  • sevenoutman
  • undor
  • leihanchenzhou