Skip to Content
SmartUI

Breadcrumbs

Trail showing where the page sits in the app.

  1. Bookings
  2. Today
  3. SC-24F7K2

Usage

import { Breadcrumbs } from '@smartui/react';
import '@smartui/react/styles.css';

When to use

  • Detail pages two or more levels deep.

When not to use

  • On phones. Use the back button in Top Bar.

Props

PropTypeDefaultDescription
items{ label, href? }[]required

Accessibility

  • The last item is marked as the current page.

On this page