# Availability Strip

Six months of availability beside a label.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/availability-strip
```

## Usage

```tsx
import { AvailabilityStrip } from '@/components/fetaui/availability-strip'

export function Example() {
  return <AvailabilityStrip months={[{ month: 'Feb', state: 'one-slot' }]} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| months | AvailabilityMonth[] | required |
| label | string | Availability |
| note | string | Updated every Monday |
| onSelect | (month) => void |  |
| selected | string |  |
| animated | boolean | true |
| className | string |  |

## When to use

- Below service plans, to show when you can start.

## When not to use

- For more than six months: link to a calendar.

## Accessibility

- Months are a list.

## Motion

- Months rise 6 px one after another, 50 ms apart, once on scroll into view.
- Pointing at a month dims the others to 55%.
- Reduced motion shows them at once.