https://github.com/rsuite/responsive-nav
A tab component based on rsuite nav enhancements
https://github.com/rsuite/responsive-nav
Last synced: 6 months ago
JSON representation
A tab component based on rsuite nav enhancements
- Host: GitHub
- URL: https://github.com/rsuite/responsive-nav
- Owner: rsuite
- License: mit
- Created: 2019-01-09T07:08:13.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2024-05-14T10:07:06.000Z (over 1 year ago)
- Last Synced: 2024-10-30T00:00:12.627Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://rsuite.github.io/responsive-nav/
- Size: 3.33 MB
- Stars: 3
- Watchers: 3
- Forks: 10
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Responsive Nav
A responsive navigation component based on rsuite navigation enhancements.
## features
- Support for removable tabs.
- Support for automatic folding options when a row can not show all options.
## Installation
```
npm install @rsuite/responsive-nav --save
```
## Usage
```js
import Nav from "@rsuite/responsive-nav";
const App = () => {
return (
Item A
Item B
Item C
Item D
Item E
);
};
ReactDOM.render(, mountNode);
```
## Props
`ResponsiveNav` 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 |
## License
MIT licensed