Thought
An input field that allows users to enter and submit text to an AI model.
Shiny TextExamples
Source Basics
Installation
pnpm dlx shadcn@latest add https://chatcn.me/c/thought
Thought with Streaming
Thought when streaming
Props
Thought
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | - | Thought trigger and content |
className | string | - | Additional CSS classes |
ThoughtTrigger
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | - | Trigger content (e.g., thinking text) |
className | string | - | Additional CSS classes |
ThoughtContent
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | - | Thought details content |
className | string | - | Additional CSS classes |