드로어

제목

내용

문서 요약

Drawer 핵심 사용 가이드

개요

화면 측면에서 슬라이드 인/아웃하는 패널. 오버레이/ESC로 닫기 옵션을 지원합니다.

생성/열기

const id = DEWP.createDrawer({ target: '#my-drawer', overlay: true, closeOnEscape: true, closeOnOverlayClick: true });
DEWP.openDrawer(id);
        

API

DEWP.closeDrawer(id);
DEWP.toggleDrawer(id);
DEWP.closeAllDrawers();
        

위치/크기

  • 위치: .dewp-drawer-left / .dewp-drawer-right
  • 크기: .dewp-drawer-sm / .dewp-drawer-md / .dewp-drawer-lg