NavbarContent10
This component, NavbarContent10
, implements a responsive navigation bar featuring a logo, navigation menu, user sign-in, and "Get Started" buttons, along with customizable theme and direction settings through a settings popper for larger screens, while adapting to smaller screens with a collapsible menu.
Component path: src/blocks/navbar/navbar-content/NavbarContent10.tsx
Component usage path: src/app/blocks/navbar/navbar10/page.tsx
Preview link: https://www.saasable.io/blocks/navbar/navbar10
Props Details
navItems
Array of NavItemProps
(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.