# rn-scroll-shadow
URL: /docs/native/components/scroll-shadow

ScrollView wrapper with animated gradient shadows indicating scrollable content.

## Installation

```bash
pnpm dlx @docyrus/cli add @docyrus/rn-scroll-shadow
```

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

## Usage

```tsx
import { ScrollShadow } from '@/components/docyrus-native/scroll-shadow';

```

## API Reference

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | — | Scrollable content |
| `orientation` | `'horizontal' \| 'vertical'` | `'vertical'` | Scroll direction |
| `shadowSize` | `number` | `40` | Shadow gradient size in px |
| `className` | `string` | — | Additional classes |

All `ScrollViewProps` are also accepted.

## Type Exports

| Type | Description |
|------|-------------|
| `ScrollShadowProps` | Props for ScrollShadow |
| `ScrollShadowOrientation` | `'horizontal' \| 'vertical'` |