Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Tools
- Date Inputs
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- - Overview
  - Getting Started
  - ActionSheet
  - AppBar
  - Avatar
  - BottomNavigation
  - Card
  - ContextMenu
  - Drawer
  - - Overview
    - Expanded State
    - Display Modes
    - Positioning
    - Templates
    - Routing
    - Custom Rendering
    - Events
    - Accessibility
  - ExpansionPanel
  - GridLayout
  - Menuupdated
  - PanelBar
  - Splitter
  - StackLayout
  - Stepper
  - TabStripupdated
  - TileLayout
  - 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 / Expanded State /

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

Expanded State

The Drawer enables you to set its expanded state and change it on demand by using the expanded Boolean property. By default, expanded is set to false.

Controlling the Expanded State

The following example demonstrates how to configure the display state of the Drawer.

Example

View Source

Change Theme:

Expanded State

Controlling the Expanded State

Suggested Links

In this article

Not finding the help you need?

Getting Started

Support Resources

Community