# Invoice Row

Receipt tile, invoice number and date, plan, amount, status Badge and a download action.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/invoice-row
```

## Usage

```tsx
import { InvoiceRow } from '@/components/fetaui/invoice-row'

export function Example(props) {
  return <InvoiceRow number="INV-2026-0142" date="Issued Oct 12" plan="Team plan · 8 seats" amount="$1,280.00" state="paid" />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| number, date, plan, amount | string | required |
| state | paid, due, overdue, refunded | required |
| onDownload, onPay | () => void |  |
| animated | boolean | true |

## When to use

- In a list of invoices.

## When not to use

- For a whole billing page: use Billing Overview.

## Accessibility

- Status is a label and a mark.
- Download names the invoice.

## Motion

- The row fades in over 240 ms.
- Controls press to 0.98.
- With reduced motion, the row appears in place.