# Morph Popover

A feedback pill that grows into its own form.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/morph-popover
```

## Usage

```tsx
import { MorphPopover } from '@/components/fetaui/morph-popover'

export function Example() {
  return <MorphPopover label="Feedback" onSend={sendNote} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| label | string | Feedback |
| placeholder | string | What would make this better? |
| icon | ReactNode |  |
| onSend | (text) => Promise<void> | void |  |
| disabled | boolean | false |
| animated | boolean | true |

## When to use

- For short feedback or a quick note.

## When not to use

- For long forms: use Dialog.

## Accessibility

- Opens as a labelled dialog and moves focus to the field.
- Sent is announced as a status.

## Motion

- Size, radius and shadow morph as one shape on a spring.
- With reduced motion, pill and form swap with no morph.