@rsuite/tab-nav
Version:
A tab component based on rsuite nav enhancements
52 lines (35 loc) • 1.3 kB
Markdown
on rsuite nav enhancements.
- Support for removable tabs.
- Support for automatic folding options when a row can not show all options.
```
npm install @rsuite/tab-nav --save
```
```js
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);
```
`TabNav` extends all the props of [`Nav`](https://rsuitejs.com/en/components/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 |
MIT licensed
A tab component based