Confirmation

An alert-based component for managing tool execution approval workflows with request, accept, and reject states.

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/confirmation.json

If you prefer using jsrepo, please install via the command below:

pnpm dlx jsrepo add @ai/elements/ai-elements/confirmation

Examples

Approval Request State

Approved State

Rejected State

Props

Confirmation

NameTypeDefault
approval
ToolUIPartApproval
state
ToolUIPartState
class
string
children
Snippet
...restProps
HTMLAttributes<HTMLDivElement>

ConfirmationTitle

NameTypeDefault
class
string
children
Snippet

ConfirmationRequest

NameTypeDefault
children
Snippet

ConfirmationAccepted

NameTypeDefault
children
Snippet

ConfirmationRejected

NameTypeDefault
children
Snippet

ConfirmationActions

NameTypeDefault
class
string
children
Snippet

ConfirmationAction

NameTypeDefault
variant
'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' 'default'
size
'default' | 'sm' | 'lg' | 'icon' 'sm'
class
string
children
Snippet
onclick
(e: MouseEvent) => void
...restProps
HTMLButtonAttributes