DocsPricingMy accountBuy Now
UI COMPONENTS / Breadcrumbs

Breadcrumbs. show the path.

Server-rendered trails resolved from the active WordPress query.

Root + 2 atoms / Accessible / Composable

Breadcrumbs · runtimeATOMIC

Looping preview · resolved from WP query

Why it's good

Behavior, handled.

Breadcrumbs owns the parts that are tedious and easy to get wrong – so you can focus on the layout and the brand.

  • Server-rendered output
  • Current item semantics
  • Separator styling hooks
  • ARIA breadcrumb landmark
Compositions

Breadcrumbs becomes patterns.

Different structures made from the same atoms.

Editorial hero trailATOMIC
  • Article Hero
    • Breadcrumbsroot
      • Headlineslot

      Editorial hero trail

      Blog Post 1 places the Breadcrumbs component above the article hero; the crumb trail is generated by the component, not authored as atoms.

      Blog Post 1
      Split field notesATOMIC
      • Split Article
        • Visual Panelslot
          • Content Column
            • Breadcrumbsroot

          Split field notes

          Blog Post 3 keeps the same Breadcrumbs component in the content column of a split article layout.

          Blog Post 3
          Magazine articleATOMIC
          • Magazine Post
            • Breadcrumbsroot
              • Article Metaslot

              Magazine article

              Blog Post 5 pairs the generated Breadcrumbs output with metadata and article navigation around it.

              Blog Post 5
              Ready?

              Stop rebuilding Breadcrumbs.