COMPONENTS

Drawer

화면 가장자리에서 작업 영역을 엽니다.

문서 플랫폼을 확인하는 중…

동작과 책임

별도 영역을 열림 값에 연결합니다. 닫기 통지를 외부 값에 반영하고 내부 업무 완료 여부는 소비자가 판단합니다.

권장

패널 안의 작업 범위와 닫은 후 돌아갈 위치를 명확히 합니다.

피하기

Drawer를 항상 배경과 동시 조작 가능한 영역으로 설명하지 않습니다.

관련 선택 기준·배치 사례 보기 →

화면 배치와 하단 영역 · 레이어 겹침 규칙

기본 사용법

컴포넌트의 기본 연결 예제입니다. 위 미리보기에서 변경한 설정과 입력값은 이 코드에 반영되지 않습니다.

문서 플랫폼을 확인하는 중…

구조

문서 플랫폼을 확인하는 중…

상태·크기

문서 플랫폼을 확인하는 중…

API

문서 플랫폼을 확인하는 중…

접근성·플랫폼 차이

접근성 공통 가이드에서 키보드·포커스·이름·글자 확대와 적용 프로젝트의 책임을 확인하세요.

Vue value·input과 React·Native open·onOpenChange를 사용합니다. 웹은 레이어 포커스·스크롤을, Native는 Modal과 뒤로 가기 경로를 처리합니다.

문서 플랫폼을 확인하는 중…

KJUN UI · v0.3.0Small apps. Thoughtfully made.