AssistantModal
Overview
A chat bubble shown in the bottom right corner of the screen. Useful for support or Q&A use cases.
Sample Assistant Modal
Getting Started
Add assistant-modal
npx shadcn@latest add "https://r.assistant-ui.com/assistant-modal"This adds /components/assistant-ui/assistant-modal.tsx to your project, which you can adjust as needed.
Use in your application
import { AssistantModal } from "@/components/assistant-ui/assistant-modal";
export default function Home() {
return (
<div className="h-full">
<AssistantModal />
</div>
);
}