Breadcrumb Header

브레드크럼과 아이콘 버튼 두 개를 한 줄에 담은 유리 머리말입니다.

@horon-ai/react 내비게이션

Preview

Usage

tsx

import { BreadcrumbHeader } from "@horon-ai/react";

export default function BreadcrumbHeaderDemo() {
  return (
    <>
      <BreadcrumbHeader
        className="w-full max-w-180"
        crumbs={[
          { label: "Horon HQ", tile: "H", href: "#" },
          { label: "Q4 hiring", href: "#" },
          { label: "Chief of staff" },
        ]}
      />
      <BreadcrumbHeader className="w-full max-w-97.5" crumbs={[{ label: "Horon HQ", tile: "H", href: "#" }, { label: "Settings" }]} />
    </>
  );
}