Component Feature
Transition animation container component, used for adding animated effects when child components enter or exit, enhancing visual consistency and interaction experience during interface switch.
Basic Usage
Template example:
<Transition>
<Card>
<Title value="Card with animation" />
</Card>
</Transition>
Attribute Description
|
children ★ | ChatKitComponent
| Child components requiring transition animation (enable individually) | - |
Note:
★ Marked with required attribute.
Usage Instructions
The Transition component can only contain one child component.
Automatically add fade-in/fade-out animation to child components.
Suitable for scenarios with dynamic display/hide content.
Animation Effect
The following animated effects are provided by default:
Entry: fade-in
Exit: fade-out
Duration: 300ms
Easing function: ease-in-out