Transition
Component documentation for Transition.
Transition
Component documentation for Transition.
Content Switch (X)
Transition Content
Demo loads on client.
List Add/Remove (Y)
Transition List
Demo loads on client.
API
TxTransition Props
| Prop | Type | Default | Description |
|---|---|---|---|
preset | 'fade' | 'slide-fade' | 'rebound' | 'smooth-size' | 'fade' | Description for preset. |
group | boolean | false | Description for group. |
tag | string | 'div' | Description for tag. |
appear | boolean | true | Description for appear. |
mode | 'in-out' | 'out-in' | 'out-in' | ContentText（Text group） |
duration | number | 180 | Description for duration. |
easing | string | 'cubic-bezier(0.2, 0, 0, 1)' | Description for easing. |
Semantic Components
TxTransitionFadeTxTransitionSlideFadeTxTransitionReboundTxTransitionSmoothSize
These components are presets of TxTransition for more semantic usage.
Was this helpful?