Navigation076 / 155

Breadcrumbs

Keep a deep route understandable, with expandable middle ancestors.

Example

Source

Breadcrumbs.tsxtsx

import { Breadcrumbs } from "@/ohmygui";

export default function Example() {
  return (
    <Breadcrumbs
      maxItems={4}
      items={[
        { label: "OhMyGUI", href: "/ohmygui" },
        { label: "Navigation", href: "/ohmygui/navigation-split-view" },
        { label: "Patterns", href: "/ohmygui/sidebar", disabled: true },
        { label: "Components", href: "/ohmygui" },
        { label: "Breadcrumbs" },
      ]}
    />
  );
}