# Request Log

One request in mono, and a windowed list for live tails of any length.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/request-log
```

## Usage

```tsx
import { RequestLogList } from '@/components/fetaui/request-log'

export function Example(props) {
  return <RequestLogList entries={props.entries} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| status | number, null | required |
| method, path, duration, time | string | required |
| animated | boolean | true |
| RequestLogList entries | RequestEntry[] | required |
| RequestLogList height | number | 342 |

## When to use

- For recent API traffic.

## When not to use

- For rows people edit: use Data Grid.

## Accessibility

- The list is a log region that takes focus, so it scrolls from the keyboard.
- Each dot is labelled, so status is never color alone.

## Motion

- Pending pulses its dot. The pulse shows status, so it keeps running when component motion is off, and pauses offscreen.
- With reduced motion, the dot is still.