Navbar9

Navbar9 is a responsive navigation bar component that utilizes MUI's AppBar, Toolbar, and Box, allowing for customizable content through the children prop, with responsive styling and padding adjustments based on screen size.

All available props for the Navbar9 component are defined and handled within Component usage path file. This allows for easy modifications to the content of the Navbar section.

Component path: src/blocks/navbar/Navbar9.tsx

Component usage path: src/app/blocks/navbar/navbar9/page.tsx

Preview link: https://www.saasable.io/blocks/navbar/navbar9

Props Details

Prop
Type
Description
Display as

children

ReactElement

A single React element or component that will be rendered inside the StyledToolbar of the AppBar. This prop allows for custom content such as logos, navigation links, or any other elements to be displayed in the navbar.

Elements that will be displayed inside the navigation bar

Last updated