본문으로 건너뛰기

상태와 알림

Drawer

현재 화면을 그대로 두고 여는 측면 보조 패널.

라이브러리 전용

개요

미리보기

예시 언어동작 줄이기

오버레이는 무대 안에 비모달 정적 상태로 그립니다. 실제 동작은 트리거 버튼으로 확인하세요.

open

side

title

children

예시

상태

열림
도움말
“Scanned” means the sentence was found in the original, not that a person reviewed it. Review happens record by record.
왼쪽
도움말
“Scanned” means the sentence was found in the original, not that a person reviewed it. Review happens record by record.
가장 긴 문구 (es)
검토 상태와 출처로 거르기
“Scanned” means the sentence was found in the original, not that a person reviewed it. Review happens record by record.

이렇게 · 이렇게 하지 않기

이렇게 데스크톱의 필터와 도움말에만 쓴다. 닫기 버튼과 Esc가 항상 동작한다.
이렇게 하지 않기 기록 상세는 Drawer가 아니라 SplitView로 연다. 끌어 닫기·스프링을 쓰지 않는다.

토큰과 속성

이름	타입	기본값	설명
`open?`	`boolean`	`false`	열림. 카탈로그에서 켜면 무대 안에 비모달로 그린다.
`side?`	`'left' \| 'right'`	`right`	768 이상에서 붙는 쪽. 아래에서는 바닥 시트. 오른쪽에서 왼쪽으로 쓰는 언어에서는 뒤집힌다.
`title`	`ReactNode`	`도움말`	패널 이름(h2).
`children?`	`ReactNode`		본문. 패널 높이 전체에서 본문만 스크롤된다.
`footer?`	`ReactNode`	—	바닥 행동(필터 적용 등).