@cleartrip/ct-design-vertical-ticker

VerticalTicker

A component that displays vertically scrolling ticker information.

---

Installation

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

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 { VerticalTicker } from '@cleartrip/ct-design-vertical-ticker';

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

---

Props

Prop	Type	Default	Required	Description
elements	ReactNode[]	—	Yes	elements property
delay	number	—	No	delay property
height	number	—	Yes	height property
loop	boolean	—	No	loop property

---

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 { VerticalTicker } from 'yagami/core/components';
+ import { VerticalTicker } from '@cleartrip/ct-design-vertical-ticker';