NavbarContent4
Last updated
Last updated
This code defines a responsive navigation bar component (NavbarContent4
) that splits the navigation items into two groups, displaying them around a central logo on larger screens and using a popper menu with a logo and "Get Started" button on smaller screens. It dynamically adjusts layout and behavior based on screen size using Material-UI's breakpoints and conditional rendering.
Component path: src/blocks/navbar/navbar-content/NavbarContent4.tsx
Component usage path: src/app/blocks/navbar/navbar4/page.tsx
Preview link: https://www.saasable.io/blocks/navbar/navbar4
navItems
Array of (Optional)
nav items using NavItemProps
interface for item details.
It will display navigation items and sections.
primaryBtn
ButtonProps
(Optional)
Optional properties for the primary button.
{ children: 'Get Started' }
secondaryBtn
ButtonProps
(Optional)
Optional properties for the secondary button.
{ children: 'Buy Now' }
customization
boolean
(Optional)
Optional prop to display customization section.
It will display theme customization section.