New to Kendo UI for Vue? Start a free 30-day trial
Display Modes
Updated on Oct 30, 2025
The Kendo UI for Vue Native Drawer provides expand modes and a compact mini view.
Expand Modes
For displaying its content, the Drawer provides the following expand modes:
"overlay"—The Drawer expands on top of the container content and displays a grayed overlay over it. UseonOverlayClickevent handler to handle when the overlay is clicked."push"—The Drawer expands side by side to the container content by shrinking its width.
To configure the expand mode, use the mode property of the Drawer.
Change Theme
Theme
Loading ...
Mini View
A compact view can be displayed when the Drawer is collapsed. To toggle between expanded and compact views, use its mini property of the Drawer.
The Drawer will always be visible displaying only the item icon even when collapsed.
Change Theme
Theme
Loading ...