TransitionProps Type — vue Architecture

Source Code

types/built-in-components.d.ts lines 5–44

export interface TransitionProps {
  name?: string
  appear?: boolean
  css?: boolean
  mode?: 'in-out' | 'out-in' | 'default'
  type?: 'transition' | 'animation'

  duration?:
    | number
    | string
    | {
        enter: number
        leave: number
      }

  // classes
  enterClass?: string
  enterActiveClass?: string
  enterToClass?: string
  appearClass?: string
  appearActiveClass?: string
  appearToClass?: string
  leaveClass?: string
  leaveActiveClass?: string
  leaveToClass?: string

  // event hooks
  onBeforeEnter?: Hook<(el: Element) => void>
  onEnter?: Hook<(el: Element, done: () => void) => void>
  onAfterEnter?: Hook<(el: Element) => void>
  onEnterCancelled?: Hook<(el: Element) => void>
  onBeforeLeave?: Hook<(el: Element) => void>
  onLeave?: Hook<(el: Element, done: () => void) => void>
  onAfterLeave?: Hook<(el: Element) => void>
  onLeaveCancelled?: Hook<(el: Element) => void>
  onBeforeAppear?: Hook<(el: Element) => void>
  onAppear?: Hook<(el: Element, done: () => void) => void>
  onAfterAppear?: Hook<(el: Element) => void>
  onAppearCancelled?: Hook<(el: Element) => void>
}