All Chat Components

import { LinkIcon } from "lucide-react"

<Callout type="warning"> v1 chat components are still supported, but we recommend using the [v2 chat components](/reference/v2/components/CopilotChat) for new projects. </Callout> <Cards> <Card title="CopilotChat" description="The CopilotChat component, providing a chat interface for interacting with your copilot." href="/reference/v1/components/chat/CopilotChat" icon={<LinkIcon />} /> <Card title="CopilotPopup" description="The CopilotPopup component, providing a popup interface for interacting with your copilot." href="/reference/v1/components/chat/CopilotPopup" icon={<LinkIcon />} /> <Card title="CopilotSidebar" description="The CopilotSidebar component, providing a sidebar interface for interacting with your copilot." href="/reference/v1/components/chat/CopilotSidebar" icon={<LinkIcon />} /> </Cards>