# Overview
URL: /docs/api-reference/primitives

Generated API reference for assistant-ui React primitive namespaces and parts.

{/* AUTO-GENERATED by scripts/generate-api-reference-overviews.mts */}

{/* Do not edit manually. */}

Primitives are the composable React components exported from `@assistant-ui/react`. These pages focus on parts, props, rendered elements, and composition behavior.

## Pages \[#pages]

<Cards>
  <Card title="&#x22;ActionBarPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/action-bar&#x22;">
    {"Buttons for message actions like copy, edit, reload, speak, and feedback."}
  </Card>

  <Card title="&#x22;ActionBarMorePrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/action-bar-more&#x22;">
    {"API reference for ActionBarMorePrimitive."}
  </Card>

  <Card title="&#x22;AuiIf&#x22;" href="&#x22;/docs/api-reference/primitives/assistant-if&#x22;">
    {"Conditional rendering component based on thread, message, or composer state."}
  </Card>

  <Card title="&#x22;AssistantModalPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/assistant-modal&#x22;">
    {"A popover chat interface for floating assistant UI in the corner of the screen."}
  </Card>

  <Card title="&#x22;AttachmentPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/attachment&#x22;">
    {"Components for displaying and managing file attachments in messages and composer."}
  </Card>

  <Card title="&#x22;BranchPickerPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/branch-picker&#x22;">
    {"Navigate between conversation branches with previous/next controls."}
  </Card>

  <Card title="&#x22;ComposerPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/composer&#x22;">
    {"Primitives for the text input, send button, and attachments."}
  </Card>

  <Card title="&#x22;ErrorPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/error&#x22;">
    {"Components for displaying error messages in the chat interface."}
  </Card>

  <Card title="&#x22;MessagePrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/message&#x22;">
    {"Components for rendering message content, parts, and attachments."}
  </Card>

  <Card title="&#x22;MessagePartPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/message-part&#x22;">
    {"Primitives for text, images, tool calls, and other message content."}
  </Card>

  <Card title="&#x22;SelectionToolbarPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/selection-toolbar&#x22;">
    {"A floating toolbar that appears when text is selected within a message."}
  </Card>

  <Card title="&#x22;SuggestionPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/suggestion&#x22;">
    {"API reference for SuggestionPrimitive."}
  </Card>

  <Card title="&#x22;ThreadPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/thread&#x22;">
    {"Primitives for the message list, viewport, and welcome screen."}
  </Card>

  <Card title="&#x22;ThreadListPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/thread-list&#x22;">
    {"Display and manage multiple conversation threads with create and archive actions."}
  </Card>

  <Card title="&#x22;ThreadListItemPrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/thread-list-item&#x22;">
    {"Individual thread item with title, archive, and delete controls."}
  </Card>

  <Card title="&#x22;ThreadListItemMorePrimitive&#x22;" href="&#x22;/docs/api-reference/primitives/thread-list-item-more&#x22;">
    {"Dropdown menu for additional thread actions like archive and delete."}
  </Card>

  <Card title="&#x22;Composition&#x22;" href="&#x22;/docs/api-reference/primitives/composition&#x22;">
    {"How to compose primitives with custom components using asChild."}
  </Card>
</Cards>