Components

Side Navigation

앱 셸의 좌측 고정 네비게이션입니다 (228px).

Platform
대시보드
Agent Builder
Insight
코드 보기
<aside class="side">
  <div class="grp">Platform</div>
  <a class="on">대시보드</a>
  <a>Agent Builder</a>
</aside>

Variants

이름설명미리보기
on현재 항목 = 검정 반전대시보드
hover파랑 muted 배경 + 파랑 텍스트Insight
그룹 라벨uppercase 0.68remPlatform

Guidelines

✓ Do
  • 현재 위치는 항상 검정 반전 1개
  • 그룹 라벨로 섹션을 나눈다
✕ Don't
  • 아이콘 없이도 성립하게 텍스트를 우선한다
  • 2단 중첩 이상 만들지 않는다

Specification

속성토큰/값비고
폭228px 고정 (문서 사이트는 200px)
on--foreground 반전
radius7~8px