Skip to main content

Nav

A site navigation bar rendered as a <nav>. Accepts logo: and link: children. The logo: gets pushed to the left; links are right-aligned automatically.

Basic usage

nav:
logo: My App
link: Home → /home
link: About → /about
link: Contact → /contact
nav:
logo: 🎬 My App
link: Docs → /docs
link: Pricing → /pricing
link: Sign in → /login

Children

ChildDescription
logo:Brand name or emoji. Pushed to the left via margin-right: auto.
link: Label → /pathNavigation link. Destination is required for a real <a>.

Partials

Use import: to reuse a nav across pages:

import: components/_nav.figdown

Place _nav.figdown in your project folder with your nav definition. The _ prefix marks it as a partial (not navigable directly).