Back to docs
Animation
Rotate In
Rotating entrance with scale-up for playful UI accents.
Install
npx shadcn@latest add @native-bits/rotate-inDependencies
react-native-reanimated
animationentrancemobile
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Animated content |
| degrees | number | 300 | Rotation amount |
| duration | number | 700 | Duration in ms |
Usage
```tsx
import { rotate-in } from '@/components/native-bits/rotate-in'
<RotateIn degrees={260} duration={680}>
<ActionIcon />
</RotateIn>
```Source code
Loading...