StreamingIndicator
Animated typing/streaming dots.
import { StreamingIndicator } from '@ybouhjira/hyperkit';#Playground
Edit the code — the preview recompiles and re-renders as you type.
Loading preview…
#More Examples
Custom Message
<StreamingIndicator visible message="Processing your request..." />Hidden
<StreamingIndicator visible={false} />#Props
| Prop | Type | Default | Description |
|---|---|---|---|
visible * | boolean | — | Whether to show the indicator. |
message | string | 'Thinking...' | Status message to display. |
class | string | — | Additional CSS classes. |
* required prop.
#Design Tokens
This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.
--sk-accent--sk-duration-bounce--sk-duration-pulse--sk-ease-in-out--sk-font-size-base--sk-space-md--sk-space-sm--sk-space-xs--sk-text-muted