# rn-pressable-feedback
URL: /docs/native/components/pressable-feedback

Animated press feedback wrapper with scale and highlight effects.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-pressable-feedback
```

**Dependencies:**
- [react-native-reanimated](https://www.npmjs.com/package/react-native-reanimated)

## Usage

```tsx
import { PressableFeedback } from '@/components/docyrus-native/pressable-feedback';

```

## API Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | — | Content to wrap |
| `feedbackVariant` | `'scale' \| 'scale-highlight' \| 'none'` | `'scale-highlight'` | Type of press feedback |
| `scaleValue` | `number` | `0.97` | Scale factor on press |
| `highlightOpacity` | `number` | `0.7` | Opacity on press (scale-highlight only) |
| `disabled` | `boolean` | `false` | Disable interactions |
| `className` | `string` | — | Additional classes |

All `PressableProps` are also accepted.

## Type Exports

| Type | Description |
|------|-------------|
| `PressableFeedbackProps` | Props for PressableFeedback |
| `FeedbackVariant` | `'scale' \| 'scale-highlight' \| 'none'` |