ThreadList

Overview

The ThreadList component lets the user switch between threads.

Sample ThreadList

How can I help you today?

Getting Started

Add `thread-list`

npx shadcn@latest add "https://r.assistant-ui.com/thread-list"

This adds a /components/assistant-ui/thread-list.tsx file to your project, which you can adjust as needed.

Use in your application

/app/page.tsx

import { Thread } from "@/components/assistant-ui/thread";
import { ThreadList } from "@/components/assistant-ui/thread-list";
 
export default function Home() {
  return (
    <div className="grid h-full grid-cols-[200px_1fr]">
      <ThreadList />
      <Thread />
    </div>
  );
}

Thread

Previous Page

Attachment

Next Page