breadcrumb

Hierarchical location

Multi-hop navigation trail. The last item (no href) is treated as the current page. Replaces the old page-level nav_back field.

- type: breadcrumb
  items:
    - label: Home
      href: /
    - label: Reference
      href: /reference
    - label: Components
      href: /reference/components
    - label: Navigation    # last item: no href (current page)
button_group

CTA row

Row of linked buttons. Three variants — primary (solid teal), secondary (outlined), ghost (no border). Set external: true to add a ↗ icon and open in a new tab. Optional icon: names any bundled lucide icon.

Get startedDocumentationView on GitHubSkip
- type: button_group
  buttons:
    - label: Get started
      href: /guide
      variant: primary       # primary | secondary | ghost
    - label: View on GitHub
      href: https://github.com/...
      variant: secondary
      external: true         # adds ↗ and target=_blank
      icon: github           # any bundled lucide icon name
Next up

That's the full component set. See them composed into real pages — docs, decks, briefs, dashboards, API references.

See examplesBack to reference