@cleartrip/ct-design-transition

Transition

A component for managing enter/exit transitions.

---

Installation

npm install @cleartrip/ct-design-transition
# or
pnpm add @cleartrip/ct-design-transition

Peer dependencies

# Required for all targets
npm install react

# Web only
npm install react-dom

# React Native only
npm install react-native

---

Usage

Basic

import { Transition } from '@cleartrip/ct-design-transition';

function Example() {
  return (
    <Transition>
      {/* Basic usage */}
    </Transition>
  );
}

---

Props

Prop	Type	Default	Required	Description
duration	`number	string`	—	No
easing	string	—	No	easing property
delay	`number	string`	—	No

---

Accessibility

• The component follows accessibility best practices
• Ensure proper ARIA attributes are provided where needed
• Test with screen readers to ensure usability

---

Migration

If migrating from a previous version:

- import { Transition } from 'yagami/core/components';
+ import { Transition } from '@cleartrip/ct-design-transition';