5.0.2 • Published 1 year ago

@rsuite/responsive-nav v5.0.2

Weekly downloads
182
License
MIT
Repository
github
Last release
1 year ago

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

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

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

Props

ResponsiveNav extends all the props of Nav and also supports:

PropertyType(Default)Description
morePropsobjectMore drop-down menu props
moreTextReact.NodeMore text displayed on the drop-down
onItemRemove(eventKey)=>voidThe callback function when removing options
removablebooleanOptions can be removed

License

MIT licensed

5.0.2

1 year ago

5.0.1

3 years ago

5.0.0

4 years ago

5.0.0-beta.2

4 years ago

5.0.0-beta.3

4 years ago

1.0.0

4 years ago

5.0.0-beta.1

4 years ago

0.0.10

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.6

6 years ago

0.0.5

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago