Skip to content

Primer Design System

Main navigation navigation

Breadcrumbs

Use breadcrumbs to enable wayfinding through navigational links
  • Experimental
  • Not reviewed for accessibility
import {Breadcrumbs} from '@primer/react-brand'

Examples

Default

Accent

Component props

nametypedefaultrequireddescription
variant'default'
'accent'
falseSpecify alternative breadcrumb appearance
nametypedefaultrequireddescription
selectedbooleanfalseUsed for indicating the active link
hrefstringtrueURL of the page the link goes to