vue Architecture Docs
Home / Type/ TransitionProps Type — vue Architecture

TransitionProps Type — vue Architecture

Architecture documentation for the TransitionProps type/interface in built-in-components.d.ts from the vue codebase.

Type typescript

Entity Profile

Dependency Diagram

graph TD
  bf5adacd_2365_c93f_17c1_7ebbd43e0571["TransitionProps"]
  ffc18d63_f306_7249_c54a_ab73bdb8e418["built-in-components.d.ts"]
  bf5adacd_2365_c93f_17c1_7ebbd43e0571 -->|defined in| ffc18d63_f306_7249_c54a_ab73bdb8e418
  style bf5adacd_2365_c93f_17c1_7ebbd43e0571 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

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>
}

Defined In

Source

Frequently Asked Questions

What is the TransitionProps type?
TransitionProps is a type/interface in the vue codebase, defined in types/built-in-components.d.ts.
Where is TransitionProps defined?
TransitionProps is defined in types/built-in-components.d.ts at line 5.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free