Usage
Code
'use client';import { AgentSessionProvider } from '@/components/agents-ui/agent-session-provider';import { AgentDisconnectButton } from '@/components/agents-ui/agent-disconnect-button';const TOKEN_SOURCE = TokenSource.sandboxTokenServer(process.env.MY_LK_SANDBOX_TOKEN_SERVER_ID);export default function Demo({ session }) {const session = useSession(TOKEN_SOURCE);return (<AgentSessionProvider session={session}><AgentDisconnectButton>End Call</AgentDisconnectButton></AgentSessionProvider>);}
Features
- Displays a button for disconnecting the agent session
- Uses the destructive button variant by default
- Customizable with
iconandchildrenprops - Automatically calls the session
end()method when clicked
Installation
pnpm dlx shadcn@latest add @agents-ui/agent-disconnect-button
Props
| Prop name | Type | Default |
|---|---|---|
icon? | ReactNode | – |
size? | enum | default |
variant? | enum | destructive |
children? | ReactNode | – |
onClick? | function | – |
ref? | Ref<HTMLButtonElement> | – |
...props? | ComponentProps<'button'> | |