Responsive navigation bar with configurable links and theme support
Props
logoTextOptionalText displayed in the logo
Default:
"webcn"githubUrlOptionalURL for the GitHub link
Default:
"https://github.com"ctaButtonTextOptionalText for the call-to-action button
Default:
"Get Started"ctaButtonUrlOptionalURL for the call-to-action button
Default:
"#get-started"showGithubLinkOptionalToggle visibility of the GitHub icon link
Default:
truelink1LabelOptionalText for the first navigation link
Default:
"Features"link1UrlOptionalURL for the first navigation link
Default:
"#features"showLink1OptionalToggle visibility of the first navigation link
Default:
truelink2LabelOptionalText for the second navigation link
Default:
"Components"link2UrlOptionalURL for the second navigation link
Default:
"#components"showLink2OptionalToggle visibility of the second navigation link
Default:
truelink3LabelOptionalText for the third navigation link
Default:
"Demo"link3UrlOptionalURL for the third navigation link
Default:
"#demo"showLink3OptionalToggle visibility of the third navigation link
Default:
truelink4LabelOptionalText for the fourth navigation link
Default:
"Story"link4UrlOptionalURL for the fourth navigation link
Default:
"#story"showLink4OptionalToggle visibility of the fourth navigation link
Default:
trueUsage
<NavbarWrapper logoText="webcn" navLinks={[{label: 'Features', href: '#features'}]} />Category
NavigationLibrary
webcn Landing Page
webcnFile Path
src/libraries/webcn/components/Navbar.webflow.tsx