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
  - - Overview
    - Items
    - Custom Rendering
    - Animation
    - Events
    - Keyboard Navigation
    - Accessibility
  - AppBar
  - Avatar
  - BottomNavigation
  - Card
  - ContextMenu
  - Drawer
  - 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 / ActionSheet / Animation /

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

ActionSheet Animation

The ActionSheet allows you to enable or disable its opening and closing animation.

To control the animation behavior, use the animation property.

Example

View Source

Change Theme:

Suggested Links

API Reference of the ActionSheet

Custom Rendering