Navigation v1.0.0

Navbar

Responsive navigation bar with mobile hamburger menu, dark mode support, and optional sticky scroll behavior.

Simple

Classic navbar with logo left, links center, and CTA right

Options

Name Type Default Description
logo_text * String required Brand/logo text displayed in the navbar
logo_href String "/" URL the logo links to
links Array Array of hashes with :label (String), :href (String), :active (Boolean)
cta_label String Call-to-action button text
cta_href String Call-to-action button URL
sticky Boolean false Whether the navbar sticks to the top on scroll with shadow

Centered

Centered layout with logo top-center and links below

Options

Name Type Default Description
logo_text * String required Brand/logo text displayed in the navbar
logo_href String "/" URL the logo links to
links Array Array of hashes with :label, :href, :active keys
cta_label String Call-to-action button text
cta_href String Call-to-action button URL
sticky Boolean false Whether the navbar sticks to the top on scroll

Changelog v1.0.0

- v1.0.0: Initial release with simple, with-search, and centered styles

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now