Switch To Vertical
Please note that the VerticalNavContent used in this example is only for documentation purposes. If you want to use it in your own component, please import it from src/components/layout/horizontal/VerticalNavContent.tsx and use it accordingly.
The "Switch To Vertical" feature allows you to switch the navigation menu from horizontal to vertical mode. To enable the vertical navigation menu mode, you can use the switchToVertical prop. You need to provide the content for the vertical navigation menu using the verticalNavContent prop. This prop allows you to specify the components or data that will be rendered within the vertical menu.
By using the switchToVertical and verticalNavContent props, you can easily switch between horizontal and vertical menu layouts and provide a flexible and responsive menu design for your application.
Props
switchToVertical?: boolean
verticalNavContent?: ({ children }: ChildrenType) => JSX.Element
switchToVertical={false}
Example
Source Code