Typing Indicator Chat
Animated typing indicators with multiple animation styles. Features bounce, pulse, and wave animations with customizable colors and alignment.
Main Features of Typing Indicator Chat
How to Use Typing Indicator Chat in Next.js
Installation Guide for Typing Indicator Chat
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
type | 'bounce' | 'pulse' | 'wave' | 'bounce' | Animation type for the typing indicator. |
label | string | undefined | Optional label text displayed with the indicator. |
className | string | undefined | Additional CSS classes for custom styling. |
align | 'left' | 'right' | 'center' | 'left' | Alignment of the typing indicator. |
color | string | 'white' | Color of the typing indicator dots/bars (hex, rgb, or hsl). |