@baneung-pack/ui
Navigation

Breadcrumb

페이지 위계 네비. 마지막 항목은 BreadcrumbCurrent로 aria-current="page" 부여.

예제

설치 / Import

import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbCurrent, BreadcrumbSeparator } from '@baneung-pack/ui';
import { Breadcrumb } from '@baneung-pack/ui/breadcrumb';

서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.

API

PropertyDescriptionTypeDefault
href (Link)링크 URLstring
asChild (Link)Slot으로 합성 (예: next/link)booleanfalse
children (Separator)커스텀 separator (기본 "/")ReactNode