Options
All
  • Public
  • Public/Protected
  • All
Menu

Interface OverridableTransitionProps

Hierarchy

  • TransitionActions
  • Pick<TransitionProps, TransitionKeys>
    • OverridableTransitionProps

Index

Properties

Optional appear

appear: boolean

Normally a component is not transitioned if it is shown when the <Transition> component mounts. If you want to transition on the first mount set appear to true, and the component will transition in as soon as the <Transition> mounts. Note: there are no specific "appear" states. appear only adds an additional enter transition.

Optional enter

enter: boolean

Enable or disable enter transitions.

Optional exit

exit: boolean

Enable or disable exit transitions.

Optional in

in: boolean

Show the component; triggers the enter or exit states

Optional mountOnEnter

mountOnEnter: boolean

By default the child component is mounted immediately along with the parent Transition component. If you want to "lazy mount" the component on the first in={true} you can set mountOnEnter. After the first enter transition the component will stay mounted, even on "exited", unless you also specify unmountOnExit.

Optional onEnter

onEnter: (node: HTMLElement, isAppearing: boolean) => void

Type declaration

    • (node: HTMLElement, isAppearing: boolean): void
    • Callback fired before the "entering" status is applied. An extra parameter isAppearing is supplied to indicate if the enter stage is occurring on the initial mount

      Parameters

      • node: HTMLElement
      • isAppearing: boolean

      Returns void

Optional onEntered

onEntered: (node: HTMLElement, isAppearing: boolean) => void

Type declaration

    • (node: HTMLElement, isAppearing: boolean): void
    • Callback fired after the "entered" status is applied. An extra parameter isAppearing is supplied to indicate if the enter stage is occurring on the initial mount

      Parameters

      • node: HTMLElement
      • isAppearing: boolean

      Returns void

Optional onEntering

onEntering: (node: HTMLElement, isAppearing: boolean) => void

Type declaration

    • (node: HTMLElement, isAppearing: boolean): void
    • Callback fired after the "entering" status is applied. An extra parameter isAppearing is supplied to indicate if the enter stage is occurring on the initial mount

      Parameters

      • node: HTMLElement
      • isAppearing: boolean

      Returns void

Optional onExit

onExit: (node: HTMLElement) => void

Type declaration

    • (node: HTMLElement): void
    • Callback fired before the "exiting" status is applied.

      Parameters

      • node: HTMLElement

      Returns void

Optional onExited

onExited: (node: HTMLElement) => void

Type declaration

    • (node: HTMLElement): void
    • Callback fired after the "exited" status is applied.

      Parameters

      • node: HTMLElement

      Returns void

Optional onExiting

onExiting: (node: HTMLElement) => void

Type declaration

    • (node: HTMLElement): void
    • Callback fired after the "exiting" status is applied.

      Parameters

      • node: HTMLElement

      Returns void

Optional timeout

timeout: number | { appear?: number; enter?: number; exit?: number } | { appear?: number; enter?: number; exit?: number }

Optional unmountOnExit

unmountOnExit: boolean

By default the child component stays mounted after it reaches the 'exited' state. Set unmountOnExit if you'd prefer to unmount the component after it finishes exiting.

Generated using TypeDoc