API and Development
ChainOfThought, ChainOfThoughtStep, ChainOfThoughtStatus from @prepared911/ui/chain-of-thought.
| Prop | Type | Default | Notes |
|---|---|---|---|
label | LocalizedMessage | required | Trigger label, for example "Chain of thought". |
open | boolean | Controlled open state. | |
defaultOpen | boolean | true | Initial open state when uncontrolled. |
onOpenChange | (open: boolean, details: ChangeDetails) => void | Reason is trigger-press. | |
className | string | Appended to the root. | |
children | ReactNode | ChainOfThoughtStep items. |
| Prop | Type | Default | Notes |
|---|---|---|---|
label | LocalizedMessage | DisplayValue | required | What the step does. |
description | LocalizedMessage | DisplayValue | Secondary line under the label. | |
icon | Glyph | Semantic marker. Without it the marker is a status shape and statusLabel is required. | |
status | ChainOfThoughtStatus | Complete | Picks the status shape when there is no icon; an icon marker ignores it. |
statusLabel | LocalizedMessage | required without icon | Spoken status, visually hidden. Optional on an icon step, which paints no status. |
className | string | Appended to the step. |
Pending (hourglass), Active (informative dot that pulses) and Complete (success check). Each has its own shape, so no status is told by color alone.
| Name | Type | Default | Description |
|---|---|---|---|
label | LocalizedMessage | — | Trigger label, for example "Chain of thought". |
children | ReactNode | — | Compose {@link ChainOfThoughtStep } children. They render as an ordered list. |
className | string | — | Classes appended to the root. |
defaultOpen | boolean | true | Initial open state when uncontrolled. |
onOpenChange | CollapsibleOpenChangeHandler | — | Fires when the trigger requests a change. details.cancel() keeps the current state. |
open | boolean | — | Controlled open state. |