# Goals Check-in

Quarterly goals with owner, status and progress. Check in opens a goal with a key result, status and a note.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/goals-check-in
```

## Usage

```tsx
import { GoalsCheckIn } from '@/components/fetaui/goals-check-in'

export function Example() {
  return <GoalsCheckIn summary="Week 4 of 13" periods={['Q4 2026']} goals={goals} due="Next check-in due Fri" onSave={save} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| title | string | Company goals |
| summary | string | required |
| periods | string[] | required |
| goals | Goal[] | required |
| due | string | required |
| defaultChecking | boolean | false |
| onSave | (checkIn) => void |  |
| onPeriodChange | (period) => void |  |
| animated | boolean | true |

## When to use

- For a weekly or quarterly review of goals.

## When not to use

- For task level tracking: use Table.

## Accessibility

- Goals are disclosure buttons with aria-expanded.
- Status has an icon and a word, never colour alone.
- Each bar is labelled with its goal.

## Motion

- The panel fades and rises 8 px over 400 ms, and rows fade in 40 ms apart.
- The chevron turns in 240 ms and the check-in fades in.
- With reduced motion, it only fades.