Components

Side Panel

메인 옆에 붙는 보조 정보 패널입니다.

메인 영역
속성
상태: 운영 중
수정: 방금 전
위 미리보기는 이미지가 아니라 실제 코드입니다 — 눌러 보고, 올려 보세요.
코드 보기
<div class="layout">
  <main>…</main>
  <aside class="panel">속성·상세</aside>
</div>

Variants

이름설명미리보기
고정항상 표시 (속성 패널)
토글선택 시 슬라이드 인

Guidelines

✓ Do
  • 패널 폭은 260~320px 유지
  • 닫아도 메인 작업이 성립해야 한다
✕ Don't
  • 패널 안에 또 패널 금지
  • 주 행동 버튼을 패널에 두지 않는다

Specification

속성토큰/값비고
폭260~320px
배경var(--card) + 1px border