KRDS React

브레드크럼 Breadcrumb ​

브레드크럼은 탐색 계층 구조를 표시하여 사용자가 현재 위치를 파악하고 계층 구조의 수준을 이동할 수 있게 해준다. 브레드크럼을 통해 사용자는 탐색 중인 화면의 상위 수준 화면으로 이동할 수 있다.

KRDS 가이드

기본 ​

tsx
import { Breadcrumb } from '@krds.ui/react'

export default function BreadcrumbDemo() {
  return (
    <Breadcrumb
      items={[
        { text: '홈', href: '/' },
        { text: '민원 신청', href: '/apply' }
      ]}
    />
  )
}

Props

이름타입기본값설명
items (필수)BreadcrumbItem[]-브레드크럼 아이템 목록
classNamestring-추가 클래스명
ariaLabelstring현재 경로접근성 레이블