Introduction
Getting Started
Native Components
- Animation
- Buttons
- Chartsupdated
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Grid
- Icons
- Indicators
- Inputs
- Labels
- Layoutupdated
- - Overview
  - Getting Started
  - ActionSheetnew
  - AppBar
  - Avatar
  - BottomNavigation
  - Card
  - ContextMenu
  - Drawer
  - - Overview
    - Expanded State
    - Display Modes
    - Positioning
    - Routing
    - Custom Rendering
    - Events
    - Accessibility
  - ExpansionPanelnew
  - GridLayoutnew
  - Menu
  - PanelBar
  - Splitter
  - StackLayoutnew
  - Stepper
  - TabStrip
  - TileLayoutupdated
  - Wizard
  - Globalization
  - API
- ListBox
- ListView
- Notification
- PDF Processing
- Popup
- Progress Bars
- Scheduler
- ScrollView
- Tooltip
- TreeList
- TreeView
- Upload
Wrapper Components
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / Layout / Drawer / Positioning /

New to Kendo UI for Vue? Start a free 30-day trial

Positioning

The Drawer enables you to specify its position in relation to the page content.

To specify the side of the content to which the Drawer will be displayed, use the position property.

The Drawer provides the following options for positioning:

start—Positions the Drawer to the left of the content.
end—Positions the Drawer to the right of the content.

Example

View Source

Change Theme:

Suggested Links

API Reference of the Drawer Props

Is this article helpful?

Thank you for your feedback!