Docs
Fade Up Word
Fade Up Word
A text component that reveals its content with a smooth fade-up animation, activated by default when the text enters the viewport.
Loremipsumdolorsitamet
Installation
pnpm dlx shadcn@latest add https://badtz-ui.com/r/fade-up-word.json
Usage
import { FadeUpWord } from "@/components/ui/fade-up-word";<FadeUpWord>Lorem ipsum dolor sit amet</FadeUpWord>Props
FadeUpWord props.
| Prop | Type | Description | Default |
|---|---|---|---|
| as | "h1" | "h2" | "h3" | "h4" | HTML heading level to use | "h2" |
| className | string | Additional CSS classes for custom styling | - |
| children | string | Text to animate (each word will be animated separately) | - |