native-bits
Back to docs
Component

Animated Button

Pressable button with spring scaling and optional gradient skin.

Install

npx shadcn@latest add @native-bits/animated-button

Dependencies

react-native-reanimatedreact-native-linear-gradient
Try in Sandbox
actionsctamobile

Props

PropTypeDefaultDescription
titlestring-Button label
onPress() => void-Press callback
variant'solid' | 'outline' | 'ghost''solid'Visual style
gradientColors[string, string]['#10B981', '#06B6D4']Gradient colors

Usage

```tsx
import { animated-button } from '@/components/native-bits/animated-button'

<AnimatedButton title="Continue" variant="solid" onPress={onContinue} />
```

Source code

Loading...