---
title: 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>
