interface RenderEffecttype

type RenderEffect​.EffectName

Type definition for a set of default effect names.

type EffectName =
  | "fade"
  | "fade-in"
  | "fade-out"
  | "fade-slow"
  | "fade-top"
  | "fade-top-in"
  | "fade-top-out"
  | "fade-bottom"
  | "fade-bottom-in"
  | "fade-bottom-out"
  | "fade-start"
  | "fade-start-in"
  | "fade-start-out"
  | "fade-end"
  | "fade-end-in"
  | "fade-end-out"
  | "scale"
  | "scale-in"
  | "scale-out"
  | "pop"
  | "pop-in"
  | "pop-out"
  | "slide-top"
  | "slide-bottom"
  | "slide-start"
  | "slide-end"
  | "blur"
  | "blur-in"
  | "blur-out"
  | "drag-modal"
  | "drag-relative"
  | "animate-content"
  | "animate-content-slow"
  | "stagger-content"
  | "stagger-content-slow"
  | (string & {});

Notes

• Custom effects can be registered with any string name. This type definition is only included for convenience (autocomplete).
• Symmetric effects (fade-top, fade-bottom, etc.) reverse direction on exit. Enter-only effects (fade-top-in, etc.) animate only on enter, and exit-only effects (fade-top-out, etc.) animate only on exit.
• Add -slow suffix for 2x duration (e.g., fade-slow, fade-up-in-slow).

Related

• interface RenderEffect
  An interface for render effects that can be applied to UI elements.