Svelte AI Elements

Open In Chat

The Open In Chat component provides a dropdown menu that allows users to open queries in different AI chat platforms with a single click.

Click the button below to open the query in various AI chat platforms:
Query: "How can I implement authentication in SvelteKit?"

Installation

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

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

pnpm dlx jsrepo add @ai/elements/ai-elements/open-in-chat

Props

OpenIn

NameTypeDefault
query
string
children
Snippet

OpenInTrigger

NameTypeDefault
class
string
children
Snippet

OpenInContent

NameTypeDefault
class
string
align
'start' | 'center' | 'end' 'start'
preventScroll
boolean true
children
Snippet

OpenInItem

NameTypeDefault
class
string
onclick
() => void
children
Snippet

OpenInLabel

NameTypeDefault
class
string
children
Snippet

OpenInSeparator

NameTypeDefault
class
string

OpenInChatGPT

NameTypeDefault
class
string

OpenInClaude

NameTypeDefault
class
string

OpenInV0

NameTypeDefault
class
string

OpenInScira

NameTypeDefault
class
string

OpenInT3

NameTypeDefault
class
string