ThreadListItemPrimitive

Thread list item primitives for rendering selectable conversation rows with titles, archive controls, delete actions, and menus.

Anatomy

import { ThreadListItemPrimitive } from "@assistant-ui/react";

const ThreadListItem = () => (
  <ThreadListItemPrimitive.Root>
    <ThreadListItemPrimitive.Trigger>
      <ThreadListItemPrimitive.Title />
    </ThreadListItemPrimitive.Trigger>
    <ThreadListItemPrimitive.Archive />
    <ThreadListItemPrimitive.Unarchive />
    <ThreadListItemPrimitive.Delete />
  </ThreadListItemPrimitive.Root>
);

API Reference

Root

This primitive renders a <div> element unless asChild is set.

ThreadListItemPrimitiveRootProps

asChild : boolean = false: Change the default rendered element for the one passed as a child, merging their props and behavior.

Read the Composition guide for more details.
render ?: ReactElement

Data attribute	Values
`[data-active]`	Present when this is the current thread.

Unarchive

This primitive renders a <button> element unless asChild is set.

ThreadListItemPrimitiveUnarchiveProps

asChild : boolean = false: Change the default rendered element for the one passed as a child, merging their props and behavior.

Read the Composition guide for more details.
render ?: ReactElement

Delete

This primitive renders a <button> element unless asChild is set.

ThreadListItemPrimitiveDeleteProps

asChild : boolean = false: Change the default rendered element for the one passed as a child, merging their props and behavior.

Read the Composition guide for more details.
render ?: ReactElement

Trigger

This primitive renders a <button> element unless asChild is set.

ThreadListItemPrimitiveTriggerProps

asChild : boolean = false: Change the default rendered element for the one passed as a child, merging their props and behavior.

Read the Composition guide for more details.
render ?: ReactElement

Title

ThreadListItemPrimitiveTitleProps

fallback ?: ReactNode