Navigation & Structure
Typing Indicator Chat
Animated typing indicators with multiple animation styles. Features bounce, pulse, and wave animations with customizable colors and alignment.
navigation-structurechattypingindicatoranimationloading
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). |