Skip to content

Breadcrumbs - Frameworks

Breadcrumbs show users their current location relative to the information architecture and enable them to quickly move up to a parent level or previous step.

ElementsreleasedReactreleasedVuereleased

Elements

Syntax

html
<w-breadcrumbs>
  <a href="/url/1">Page 1</a>
  <a href="/url/2">Page 2</a>
  <span aria-current="page">Current Page</a>
</w-breadcrumbs>

Props

Optional Props

NameTypeDefaultDescription
aria-labelstringHer er duDefines a string value that labels the current element.

Questions?

Feel free to ask any questions on usage in the Warp DS Slack channel: #warp-design-system