Skip to content

Quill docs

Navbar

A semantic navigation landmark with active-link state, optional brand slot, size/tone/radius axes.

Preview#

This preview is server-rendered from the real qquill-design builder; the page ships the component CSS that builder returns, so the docs cannot drift from the crate API.

Design-system contract#

  • BUILT: renders a labelled nav landmark and `aria-current` on the active link.
  • BUILT: unsafe href schemes are sanitized by the component layer.
  • Use for app-level navigation; qirava site chrome has its own human-curated shell.

Code#

Construct the component with its builder:

Navbar::new(vec![
    NavLink::new("Docs", "/docs"),
    NavLink::new("Roadmap", "/roadmap"),
])
.active(0)
.brand(el("strong").child(text("qirava")))
.render()