Menu is a navigation bar. It can be responsive and has 2 different displays
By default the menu is horizontal.
<Menu>
<Menu.Item href="/">Index page</Menu.Item>
<Menu.Item href="/menu">Menu page</Menu.Item>
<Menu.Item href="https://www.w3.org" target="_blank">
W3C
</Menu.Item>
<Menu.Item href="https://github.com/attineos/atti-components" target="_blank">
Our Github Page
</Menu.Item>
</Menu>
But it can also be vertical if you pass an isVertical
prop to <Menu>
.
You can also make it responsive.
<Menu isResponsive>
<Menu.Item href="/">Index page</Menu.Item>
<Menu.Item href="/menu">Menu page</Menu.Item>
<Menu.Item href="https://www.w3.org" target="_blank">
W3C
</Menu.Item>
<Menu.Item href="https://github.com/attineos/atti-component" target="_blank">
Our Github Page
</Menu.Item>
</Menu>
children | any | null | Content of the Menu. |
isResponsive | bool | false | Is the menu responsive or not. |
isVertical | bool | false | Is the desktop menu vertical or not. |