# Endpoint

A method Badge in a fixed column, a mono path and a one line summary.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/endpoint
```

## Usage

```tsx
import { Endpoint } from '@/components/fetaui/endpoint'

export function Example(props) {
  return <Endpoint method="GET" path="/v1/invoices/{id}" summary="Retrieve an invoice" href="/docs/api" />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| method | GET, POST, PUT, PATCH, DELETE | required |
| path, summary | string | required |
| href | string |  |
| onClick | () => void |  |
| animated | boolean | true |

## When to use

- In API reference lists.

## When not to use

- For live requests: use Request Log.

## Accessibility

- A real link or button.
- The method is text, so tone is never the only signal.

## Motion

- The row fades in over 240 ms.
- Hover washes the row over 120 ms.
- Reduced motion keeps the wash and drops the fade.