Dev Design Library

Reasoning

A collapsible reasoning block that tracks streaming duration and renders a markdown response.

Reasoning preview
Library
AI Elements (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
@lucide/svelte@^1.16.0, @shikijs/themes@^4.0.2, mode-watcher@^1.1.0, runed@^0.37.1, streamdown-svelte@^3.0.6
Install
pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/reasoning.json
Files
  • src/lib/components/ai-elements/reasoning/reasoning-content.svelte
  • src/lib/components/ai-elements/reasoning/reasoning-context.svelte.ts
  • src/lib/components/ai-elements/reasoning/reasoning-trigger.svelte
  • src/lib/components/ai-elements/reasoning/reasoning.svelte
  • src/lib/components/ai-elements/reasoning/index.ts
  • src/lib/utils.ts
  • src/lib/components/ui/collapsible/index.ts
  • src/lib/components/ui/collapsible/collapsible.svelte
Source
https://github.com/SikandarJODD/ai-elements

Categories

More from AI Elements (Svelte)