# Save Button

A bookmark that files into collections.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/save-button
```

## Usage

```tsx
import { SaveButton } from '@/components/fetaui/save-button'

export function Example() {
  return <SaveButton collections={collections} onChange={save} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| collections | SaveCollection[] | sample list |
| defaultSelected | string[] | [] |
| onChange | (selected) => void |  |
| onNewCollection | () => void |  |
| disabled | boolean | false |
| animated | boolean | true |

## When to use

- For saving an item into one or more lists.

## When not to use

- For a plain favorite: use Toggle.

## Accessibility

- The button uses aria-pressed and aria-expanded.
- Rows use aria-pressed.

## Motion

- The label rolls 14 px on a spring.
- The panel scales from 0.97 with a 6 px rise.
- With reduced motion, the press scale is off and color changes stay. The panel fades.