Themes
Advanced
Utils
Components

Breadcrumb

브레드크럼

View sourceReport an issueView in Playground
<Breadcrumb>

  <BreadcrumbList>

    <BreadcrumbItem>

      <BreadcrumbLink href='/'>Home</BreadcrumbLink>

    </BreadcrumbItem>

    <BreadcrumbSeparator />

    <BreadcrumbItem>

      <BreadcrumbLink href='/themes/docs/components/accordion'>Components</BreadcrumbLink>

    </BreadcrumbItem>

    <BreadcrumbSeparator />

    <BreadcrumbItem>

      <BreadcrumbPage>Breadcrumb</BreadcrumbPage>

    </BreadcrumbItem>

  </BreadcrumbList>

</Breadcrumb>

API Reference

브레드크럼 컴포넌트를 감싸는 최상위 컴포넌트

PropTypeDefault
ref
RefObject<HTMLElement>
No default value

브레드크럼 목록을 감싸는 컴포넌트

PropTypeDefault
ref
RefObject<HTMLOListElement>
No default value

브레드크럼 안에서의 항목을 감싸는 래퍼 컴포넌트

PropTypeDefault
ref
RefObject<HTMLLIElement>
No default value

브레드크럼 안에서의 페이지 항목. 링크가 표시됨.

PropTypeDefault
asChild
boolean
No default value
ref
RefObject<HTMLAnchorElement>
No default value

브레드크럼 안에서의 페이지 항목. 링크 없이 표시됨.

PropTypeDefault
ref
RefObject<HTMLSpanElement>
No default value

브레드크럼 구분자. 기본은 화살표 아이콘(>) 사용.

PropTypeDefault
children
ReactNode
No default value

브레드크럼 말줄임표(...)

PreviousBottomsheet
NextButton
Edit this page on GitHub.