
- 사용법
- 프로퍼티
복사
AI에게 묻기
import { BrowserRouter } from "react-router-dom";
import { Breadcrumb } from "@/ui/navigation/bread-crumb/components/Breadcrumb";
export const MyComponent = () => {
const breadcrumbLinks = [
{ children: "Home", href: "/" },
{ children: "Category", href: "/category" },
{ children: "Subcategory", href: "/category/subcategory" },
{ children: "Current Page" },
];
return (
<BrowserRouter>
<Breadcrumb className links={breadcrumbLinks} />
</BrowserRouter>
)
};
| 프로퍼티 | 유형 | 설명 |
|---|---|---|
| 클래스 네임 | 문자열 | 추가 스타일을 위한 선택적 클래스 이름 |
| 링크 | 배열 | 각 브레드크럼 링크를 나타내는 객체의 배열. 각 객체는 children 속성(링크의 텍스트 콘텐츠)과 선택적 href 속성(링크를 클릭할 때 이동할 URL)을 가지고 있습니다. |