드로어
Drawer (Off-canvas)
화면 옆에서 스르륵 밀려 나오는 메뉴 판이에요.
💡 책상 서랍(drawer)을 당겨 여는 것처럼 옆에서 나와요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
LOGO
🤖 AI에게 이렇게 말해 보세요
햄버거 버튼을 누르면 왼쪽에서 드로어(Drawer)가 0.3초 동안 부드럽게 밀려 나오게 해 줘. 뒤 배경은 어둡게 덮고, 배경을 누르거나 ESC를 누르면 닫히게 해 줘.
핵심은 ‘Drawer (Off-canvas)’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
아래에서 위로 올라오는 드로어는 '바텀 시트(Bottom Sheet)'라고 따로 부르기도 해요.
이럴 때 써요
- 햄버거 버튼을 눌렀을 때 메뉴를 보여 줄 때
- 장바구니, 필터처럼 잠깐 열어 볼 패널이 필요할 때
이렇게도 불러요: 서랍, 옆에서 나오는 메뉴, 슬라이드 메뉴, 오프캔버스, 사이드 메뉴, 바텀시트, bottom sheet