# Clip Trimmer

Keep part of a clip with an ink range over a filmstrip.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/clip-trimmer
```

## Usage

```tsx
import { ClipTrimmer } from '@fetaui/components/clip-trimmer'

export function Example() {
  return <ClipTrimmer src="/valley.jpg" alt="Valley" duration={12} onExport={render} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| src | string | required |
| alt | string | required |
| duration | number | required |
| defaultStart, defaultEnd | number | whole clip |
| onChange | (range) => void |  |
| onExport | (range, report) => Promise | simulated |
| animated | boolean | true |

## When to use

- Before sharing or uploading a clip.

## When not to use

- For multi track editing.

## Accessibility

- Handles are sliders with readable times.
- Time is always shown as text.

## Motion

- The edge follows the pointer and snaps to whole seconds within 5 px.
- Play loops inside the range. Export fills the range.
- The active handle widens from 14 to 16.
- With reduced motion, playback runs once.