xl vision
  • Component
  • React Hooks
  • Playground
  • Overview
  • Color
  • Getting Start
    • Installation
  • General
    • Icon
    • Button
  • Layout
    • Grid
  • Form
    • Input
    • InputNumber
    • Textarea
  • Navigation
    • Dropdown
    • Affix
    • BackTop
    • Anchor
  • Data Display
    • Tooltip
    • Popover
    • Avatar
  • Faceback
    • Popconfirm
    • Dialog
    • Message
    • Notication
  • Animation
    • Transition
    • TransitionGroup
    • CollapseTransition
    • Ripple
  • Styles
    • Theme
    • CssBaseline
  • Basic Component
    • BaseButton
    • Portal
    • Popper
    • Modal
    • ResizeObserver

Transition

Transition animation

Examples

Basic

Basic usage, if you don’t want the component to be rendered at the beginning, please set mountOnEnter=true.

DEMO
Do not uninstall components

If you want the component not to be unloaded after it comes out, you can do this by not setting unmountOnLeave and cooperating with css.

Properties

Transition inherits all useCssTransition properties

PropertyDescriptionTypeDefaultRequire
mountOnEnterThe child element is only mounted when the transition is executed for the first time, and will remain mounted unless unmountOnExit is used.boolean-false
unmountOnExitUnmount child element when leaving transitionboolean-false
Examples
Basic
Do not uninstall components
Properties
Copyright © 2020-2021 Rhys Xia