Rolling Text Animation
A component that applies a rolling animation to text, perfect for emphasizing important information.
Pumki UIAnsh Singh Sonkhia
Installation
Usage
1import { RollingText } from '@/components/pumki-ui/text/text-roller';1<RollingText text="Pumki UI" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Text to animate |
| children | React.ReactNode | - | Custom content to roll |
| transition? | Transition | { duration: 0.5, delay: 0.1, ease: 'easeOut' } | Animation transition config |
| inViewOnce? | boolean | true | Animate only once when in view |
| inViewMargin? | string | 0px | Margin for in-view detection |
| inView? | boolean | false | Force animation in view |
| className? | string | - | Custom class name |
Last updated on