Crumbs

tcmts.share.Crumbs · #o7rrv6rn · term · runs anywhere

A dotted name as links up through its namespaces (Trail); the last part is the page itself.

import { codeHref, Trail } from "#codebase/tcmts/share";

export function Crumbs({ name }: { name: string }) {
  const parts = name.split(".");
  return (
    <Trail
      items={parts.map((p, i) => ({ label: p, href: codeHref(parts.slice(0, i + 1).join(".")) }))}
    />
  );
}

uses

used by