Skip to contentSkip to navigationSkip to topbar
Paste assistant Assistant
Figma
Star

Breadcrumb

Version 11.1.1GithubStorybookPeer review pending

A Breadcrumb is text that shows navigation hierarchy and lets users navigate a nested path of pages.

Installation

Installation page anchor
yarn add @twilio-paste/breadcrumb - or - yarn add @twilio-paste/core
import {Breadcrumb, BreadcrumbItem} from '@twilio-paste/core/breadcrumb';

const BreadcrumbExample: React.FC = () => {
  return (
    <Breadcrumb>
      <BreadcrumbItem href="#">Item One</BreadcrumbItem>
      <BreadcrumbItem href="#">Item Two</BreadcrumbItem>
    </Breadcrumb>
  );
};
Breadcrumb page anchor

element

Overrides the default element name to apply unique styles with the Customization Provider

Type
any
Default
'BREADCRUMB'