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 |
|---|---|---|---|
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 |
text | string | - | Text to highlight |
Last updated on