Design Component
Breadcrumb

BreadCrumb


Breadcrumb(빵 부스러기)는 사이트나 앱에서 유저의 위치를 보여주는 보조 탐색 시스템입니다.
이 용어는 주인공이 집으로 돌아가기 위해 빵 부스러기를 흘린 이야기가 있는 헨젤과 그레텔에서 유래했습니다.

Default


Breadcrumb
 
  <Breadcrumb 
    menu={["교육과정", "교육과정"]} 
  />
 


Using example

textSizetextWeight 값을 통해 BreadCrumb의 글자의 크기와 굵기를 조절할 수 있습니다.
Text 컴포넌트와 동일한 속성으로 참고 해주세요. 그 외 스타일링이 필요한 부분은 tailwind css 문법에 맞게 className의 속성 값으로 적용하면 됩니다.

 
  <Breadcrumb
    menu={["교육과정", "교육과정"]}
    textSize=""
    textWeight=""
    className=""
  />