Svelte AI Elements

Thinking Bar

A component to display the thinking state of an AI model with optional actions.

Thinking

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/thinking-bar.json

Examples

Stop Example

Analyzing your question

Props

Thinking bar

NameTypeDefault
text
string 'Thinking...'
stopLabel
string 'Answer now'
onStop
() => void
class
string ''
onclick
() => void