• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
  • Wrapper Components
    • Introduction
    • Barcodes
    • Buttons
    • Charts
    • Chat
    • DataSource
    • Date Inputs
      • Overview
      • Calendar
      • DateInput
      • DatePicker
      • DateRangePicker
      • DateTimePicker
      • MultiViewCalendar
      • TimePicker
      • API
    • Diagram
    • Dialog
    • Dropdowns
    • DropDownTree
    • Editor
    • Gantt
    • Gauges
    • Grid (wrapper)
    • Inputs
    • Layout
    • List Views
    • ListBox
    • Map
    • MediaPlayer
    • PivotGrid
    • Popups
    • Scheduler
    • ScrollView
    • Spreadsheet
    • TreeList
    • TreeMap
    • TreeView
    • Upload
    • Validator
    • Window
    • Framework & Features
    • Globalization
    • Troubleshooting
    • Using Wrapper Components in Vite
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

AnimationProps

animation-close-effects String

The effects that will be used when the closing animation is played. Multiple effects require you to separate them with a space.

animation-close-duration Number

The duration (in milliseconds) of the closing animation.

animation-open-effects String

The effects that will be used when the opening animation is played. Multiple effects require you to separate them with a space.

animation-open-duration Number

The duration (in milliseconds) of the opening animation.