A component to display the thinking state of an AI model with optional actions.
Thinking
Installation
Copy the Source Code
Copy and paste the following code into your project:
Examples
Demo
Analyzing your question
Props
ThinkingBar
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | "Thinking" | Text shown in the shimmer label. |
stopLabel | string | "Answer now" | Label used for the stop button. |
onStop | () => void | - | Called when the stop button is clicked. |
onclick | () => void | - | Called when the thinking text itself is clicked. |
class | string | - | Additional CSS classes for the wrapper. |