Components · Disclosure

Sheet

우측에서 슬라이드인 패널. backdrop으로 페이지 차단. 모달보다 가벼움 — 보조 작업·세부 설정에.

Preview

Usage

<div class="sheet-backdrop"></div>
<aside class="sheet">
  <button class="sh-close">×</button>
  <h2 class="t-h3">제목</h2>
  <p class="t-body">내용</p>
</aside>
<!-- JS: .is-open 클래스 토글 -->

Rules

DO

×는 원형, 우상단 배치.
Esc 키와 backdrop 클릭으로 닫기.

DON'T

중요한 확인은 Modal로. Sheet는 보조 작업용.