Agent Chat Indicator

An animated chat indicator for asynchronous states.

On this page

Usage

Code

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

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'>