Accordion Chat 2 - Chat with Typing Indicator

Pro

Chat-style accordion that shows typing dots before the answer bubble appears.

Shadcn Accordion Chat 2 component

Component data

ID
accordion/accordion-chat-2
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Chat 2 component design & features

When an item opens, three pulsing dots show for a moment, then fade out as the answer bubble fades in. The answer reserves its height from the start so the panel measures correctly.

The typing beat adds personality to support FAQs and onboarding helpers.