Breadcrumb
현재 화면의 위치와 이동 경로를 보여주는 내비게이션 컴포넌트입니다.
상위 페이지부터 현재 페이지까지의 구조를 한눈에 파악하고, 이전 단계로 쉽게 이동할 수 있도록 돕습니다.
컴포넌트 명세 (Component Specification)
Depth 분류 (Depth Variant)
어느 정도의 depth에 위치해 있는지에 따라 구분됩니다. Folder depth 영역은 315px로 고정되며, 이를 초과할 경우 스크롤 영역으로 처리됩니다.
아이템 분류 (Item Variant)
내부 아이템은 현재 위치에 따라 Active와 Inactive 상태로 구분됩니다.
사이즈 가이드 (Size Guide )
높이는 44px로 고정되며, 가로 너비는 Fill로 채워져셔 사용합니다. 폴더 depth 영역은 315px로 고정되며 넘어갈 경우 스크롤 영역으로 처리됩니다.
사용 예시 (Use Case)
상단 헤더와 하단의 컨트롤 바 사이에서 0px의 간격으로 완전히 붙여서 사용합니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
