PageTrail

The one-line breadcrumb above a Brain or Settings page, built on the Kobra breadcrumb parts: parent links, chevron separators and the current page as plain text. Truncates instead of wrapping so it fits beside the sidebar toggle.

Page trail

The one line above a Brain or Settings page that says where it sits: links to each parent, chevrons between, and the page itself as plain text. It stays on one line; a long parent or page name truncates instead of wrapping.

depth

width

<PageTrail
  crumbs={[{"label":"Second Brain","href":"/brain"},{"label":"People","href":"/brain/people"}]}
  current="Dana Whitfield"
  link={Link}
/>