Drawer
A panel which slides in from the edge of the screen.
Khi nào sử dụng
Chi tiết bổ sung
Xem chi tiết item mà không rời danh sách.
Form phức tạp
Form dài hoặc nhiều bước trong panel bên cạnh.
Navigation mobile
Menu điều hướng trượt từ cạnh trái trên mobile.
Hướng dẫn
Do
- Đặt tiêu đề và nút đóng rõ ràng ở header
- Dùng chiều rộng phù hợp nội dung (300–600px)
Don't
- Mở Drawer chiếm hơn 80% chiều rộng màn hình
- Lồng Drawer trong Drawer