Back to docs
Animation
Fade In Up
Reveal children by fading and translating up.
Install
npx shadcn@latest add @native-bits/fade-in-upDependencies
react-native-reanimated
animationentrancemobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Animated content |
| delay | number | 0 | Delay in ms |
| duration | number | 600 | Duration in ms |
Usage
```tsx
import { fade-in-up } from '@/components/native-bits/fade-in-up'
<FadeInUp delay={120}>
<Card />
</FadeInUp>
```Source code
Loading...