Components•Reasoning disclosure
Components•Reasoning disclosure
Reasoning disclosure
A model's reasoning as a quiet disclosure. The label shimmers and the seconds count while it streams into a capped, self-scrolling viewport, then it settles into “Thought for 12s” and folds away.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/reasoning-disclosureHow to use
import { ReasoningDisclosure } from "@/components/bjork-ui/ai/reasoning-disclosure";export function Reasoning({ text, done, ms }: { text: string; done: boolean; ms?: number }) { return <ReasoningDisclosure text={text} streaming={!done} durationMs={ms} />;}
…
Options