Transition
Last updated:2026-02-03 16:48:51
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
Property Name | Type | Description | Default value |
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
Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No
Feedback