Loading skeletons and typing placeholders for assistant responses.
Use ChatLoader while an assistant response or thread is loading.
import {ChatLoader} from "@heroui-pro/react";
<ChatLoader.Dots />
<ChatLoader.Pulse />
<ChatLoader.Spinner />
<ChatLoader.Skeleton />.chat-loader - Root loading layout.chat-loader__avatar - Avatar placeholder.chat-loader__content - Loading line group.chat-loader__line - Individual loading lineAnimated dot loader. Supports native div props.
Pulse loader. Supports native div props.
Spinner loader. Supports native div props.
Chat-message-shaped loading skeleton. Supports native div props.
Composable skeleton primitives used by ChatLoader.Skeleton.