Interface TransitionProps

interface TransitionProps {
    appear?: boolean;
    appearActiveClass?: string;
    appearFromClass?: string;
    appearToClass?: string;
    css?: boolean;
    duration?: number | {
        enter: number;
        leave: number;
    };
    enterActiveClass?: string;
    enterFromClass?: string;
    enterToClass?: string;
    leaveActiveClass?: string;
    leaveFromClass?: string;
    leaveToClass?: string;
    mode?: "default" | "in-out" | "out-in";
    name?: string;
    onAfterAppear?: Hook<((el: Element) => void)>;
    onAfterEnter?: Hook<((el: Element) => void)>;
    onAfterLeave?: Hook<((el: Element) => void)>;
    onAppear?: Hook<((el: Element, done: (() => void)) => void)>;
    onAppearCancelled?: Hook<((el: Element) => void)>;
    onBeforeAppear?: Hook<((el: Element) => void)>;
    onBeforeEnter?: Hook<((el: Element) => void)>;
    onBeforeLeave?: Hook<((el: Element) => void)>;
    onEnter?: Hook<((el: Element, done: (() => void)) => void)>;
    onEnterCancelled?: Hook<((el: Element) => void)>;
    onLeave?: Hook<((el: Element, done: (() => void)) => void)>;
    onLeaveCancelled?: Hook<((el: Element) => void)>;
    persisted?: boolean;
    type?: AnimationTypes;
}

Hierarchy (view full)

Properties

appear? appearActiveClass? appearFromClass? appearToClass? css? duration? enterActiveClass? enterFromClass? enterToClass? leaveActiveClass? leaveFromClass? leaveToClass? mode? name? onAfterAppear? onAfterEnter? onAfterLeave? onAppear? onAppearCancelled? onBeforeAppear? onBeforeEnter? onBeforeLeave? onEnter? onEnterCancelled? onLeave? onLeaveCancelled? persisted? type?

Properties

Optionalappear

appear?: boolean

OptionalappearActiveClass

appearActiveClass?: string

OptionalappearFromClass

appearFromClass?: string

OptionalappearToClass

appearToClass?: string

Optionalcss

css?: boolean

Optionalduration

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

OptionalenterActiveClass

enterActiveClass?: string

OptionalenterFromClass

enterFromClass?: string

OptionalenterToClass

enterToClass?: string

OptionalleaveActiveClass

leaveActiveClass?: string

OptionalleaveFromClass

leaveFromClass?: string

OptionalleaveToClass

leaveToClass?: string

Optionalmode

mode?: "default" | "in-out" | "out-in"

Optionalname

name?: string

OptionalonAfterAppear

onAfterAppear?: Hook<((el: Element) => void)>

OptionalonAfterEnter

onAfterEnter?: Hook<((el: Element) => void)>

OptionalonAfterLeave

onAfterLeave?: Hook<((el: Element) => void)>

OptionalonAppear

onAppear?: Hook<((el: Element, done: (() => void)) => void)>

OptionalonAppearCancelled

onAppearCancelled?: Hook<((el: Element) => void)>

OptionalonBeforeAppear

onBeforeAppear?: Hook<((el: Element) => void)>

OptionalonBeforeEnter

onBeforeEnter?: Hook<((el: Element) => void)>

OptionalonBeforeLeave

onBeforeLeave?: Hook<((el: Element) => void)>

OptionalonEnter

onEnter?: Hook<((el: Element, done: (() => void)) => void)>

OptionalonEnterCancelled

onEnterCancelled?: Hook<((el: Element) => void)>

OptionalonLeave

onLeave?: Hook<((el: Element, done: (() => void)) => void)>

OptionalonLeaveCancelled

onLeaveCancelled?: Hook<((el: Element) => void)>

Optionalpersisted

persisted?: boolean

Optionaltype

type?: AnimationTypes

Settings

Member Visibility

On This Page

Properties