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
  edf84ad1_5bd1_a124_b4ce_1884a14dc79d["TransitionProps"]
  950d2157_a6dc_abcf_b0bd_578ceceeea51["built-in-components.d.ts"]
  edf84ad1_5bd1_a124_b4ce_1884a14dc79d -->|defined in| 950d2157_a6dc_abcf_b0bd_578ceceeea51
  style edf84ad1_5bd1_a124_b4ce_1884a14dc79d 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