Components/Transition
Universal Component

Transition

Component documentation for Transition.

This page was migrated by AI, please review carefully

Migration is complete, but please validate against source code and manual review.

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

PropTypeDefaultDescription
preset'fade' | 'slide-fade' | 'rebound' | 'smooth-size''fade'Description for preset.
groupbooleanfalseDescription for group.
tagstring'div'Description for tag.
appearbooleantrueDescription for appear.
mode'in-out' | 'out-in''out-in'ContentText(Text group)
durationnumber180Description for duration.
easingstring'cubic-bezier(0.2, 0, 0, 1)'Description for easing.

Semantic Components

  • TxTransitionFade
  • TxTransitionSlideFade
  • TxTransitionRebound
  • TxTransitionSmoothSize

These components are presets of TxTransition for more semantic usage.

Was this helpful?