Components

Breadcrumb

현재 위치의 경로를 보여줍니다. 마지막 항목이 현재입니다.

그린마트/에이전트/환불 상담
코드 보기
<div class="tn-bc">
  <a>그린마트</a><span class="sep2">/</span>
  <a>에이전트</a><span class="sep2">/</span>
  <b>환불 상담</b>
</div>

Variants

이름설명미리보기
기본/ 구분 · 현재=검정 600에이전트/환불 상담

Guidelines

✓ Do
  • 3단계 이내 유지 (넘으면 중간 생략 …)
  • 현재 항목은 링크가 아니다
✕ Don't
  • > 화살표 구분자 금지 (/ 통일)
  • 전체 경로를 강제로 다 보여주지 않는다

Specification

속성토큰/값비고
구분자/ var(--border)
현재--foreground / 600