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

TransitionGroup

TransitionGroup can easily perform list transition animation.

Examples

Basic

Basic

Properties

See CssTransition for other properties.

NOTE

TransitionGroup does not support the appear and disappear hooks and the corresponding className.

PropertyDescriptionTypeDefaultRequire
transitionClassNameSpecify the class name during the animationstring | object-false
childrenChild nodesReact.ReactElement[]-true
Examples
Basic
Properties
Copyright © 2020-2021 Rhys Xia