LiveKit docs › Components › Chat components › AgentChatIndicator

---

# Agent Chat Indicator

> An animated chat indicator for asynchronous states.

## Usage

**[AgentChatIndicator](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-indicator.md)** preview:

```tsx
import { AgentChatIndicator } from '@/components/agents-ui/agent-chat-indicator';

export function Demo() {
  return (
    <AgentChatIndicator
      size={{size}}
    />
  );
}
```

## Features

- Display a pulsing chat indicator
- Select from three sizes: `sm`, `md`, and `lg`
- Communicate asynchronous agent states to the user

## Installation

```bash
pnpm dlx shadcn@latest add @agents-ui/agent-chat-indicator

```

## Props

| Prop name | Type | Default |
| --------- | ---- | ------- |
| `size?` | enum | `md` |
| `className?` | string | – |
| `ref?` | Ref<HTMLSpanElement> | – |
| `...props?` | ComponentProps<'span'> | |

---

This document was rendered at 2026-06-07T11:34:26.824Z.
For the latest version of this document, see [https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-indicator.md](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-indicator.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).