Highlight Text Animation
A component that highlights text with a smooth animation effect, perfect for emphasizing important information.
Pumki UIPumki UI
Installation
Usage
1import { HighlightText } from '@/components/pumki-ui/text/text-highlight';1<HighlightText text="Pumki UI" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | - | Text to highlight |
| transition? | Transition | { duration: 2, ease: 'easeInOut' } | 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