assistant-sidebar

PreviousNext
Docs
assistant-uicomponent

Preview

Loading preview…
components/assistant-ui/assistant-sidebar.tsx
import { Separator, ResizablePanel, Group } from "@/components/ui/resizable";
import type { FC, PropsWithChildren } from "react";

import { Thread } from "@/components/assistant-ui/thread";

export const AssistantSidebar: FC<PropsWithChildren> = ({ children }) => {
  return (
    <Group orientation="horizontal">
      <ResizablePanel>{children}</ResizablePanel>
      <Separator />
      <ResizablePanel>
        <Thread />
      </ResizablePanel>
    </Group>
  );
};

Installation

npx shadcn@latest add @assistant-ui/assistant-sidebar

Usage

import { AssistantSidebar } from "@/components/assistant-sidebar"
<AssistantSidebar />