A record in a section
import { Breadcrumb, Breadcrumbs } from '@arbol-ai/ui';
<Breadcrumbs>
<Breadcrumb href="#/breadcrumbs">Campaigns</Breadcrumb>
<Breadcrumb href="#/breadcrumbs">Spring reminders</Breadcrumb>
<Breadcrumb>Recipients</Breadcrumb>
</Breadcrumbs>Collapsed on phones
Narrow the window below 640px: the parent becomes a back arrow before the page name.
import { Breadcrumb, Breadcrumbs } from '@arbol-ai/ui';
<Breadcrumbs collapseOnPhone>
<Breadcrumb href="#/breadcrumbs">Settings</Breadcrumb>
<Breadcrumb href="#/breadcrumbs">Patients</Breadcrumb>
<Breadcrumb>Ana Torres</Breadcrumb>
</Breadcrumbs>Source
The examples above are src/components/breadcrumbs/breadcrumbs.examples.tsx, which the library’s tests render too.