import { SelectionToolbarPrimitiveQuoteProps, SelectionToolbarPrimitiveRootProps } from "@/generated/typeDocs";
import { SelectionToolbarPrimitive as SelectionToolbarPrimitiveDocs } from "@/generated/primitiveDocs";

{/* AUTO-GENERATED PAGE by scripts/generate-api-reference.mts /}
{/ Do not edit manually. */}

For examples and usage patterns, see SelectionToolbar.

{/* api-manual */}

Anatomy#

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

const FloatingSelectionToolbar = () => (
  <SelectionToolbarPrimitive.Root>
    <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>
  </SelectionToolbarPrimitive.Root>
);

Place this component inside ThreadPrimitive.Root:

<ThreadPrimitive.Root>
  <ThreadPrimitive.Viewport>...</ThreadPrimitive.Viewport>
  <FloatingSelectionToolbar />
</ThreadPrimitive.Root>

To prevent tool cards or other message UI from being quoted, wrap the message text in data-aui-quote-selectable. If a message contains that marker, the toolbar only appears for selections inside the same marked region. Set the attribute to "false" to exclude an element instead; on the message root it disables quoting for the whole message.
{/* api-manual */}

{/* api-reference /}
{/ AUTO-GENERATED by scripts/generate-api-reference.mts /}
{/ Do not edit this block manually. */}

API Reference#

Root#

{SelectionToolbarPrimitiveDocs.Root?.deprecated && (

Deprecated. {SelectionToolbarPrimitiveDocs.Root.deprecated}

)}

{SelectionToolbarPrimitiveDocs.Root?.description}

{SelectionToolbarPrimitiveDocs.Root?.element && (

This primitive renders a {`<${SelectionToolbarPrimitiveDocs.Root?.element}>`} element unless asChild is set.

<SelectionToolbarPrimitive.Root>
  <SelectionToolbarPrimitive.Quote>Quote</SelectionToolbarPrimitive.Quote>
</SelectionToolbarPrimitive.Root>

<ParametersTable {...SelectionToolbarPrimitiveRootProps} />

Quote#

{SelectionToolbarPrimitiveDocs.Quote?.deprecated && (

Deprecated. {SelectionToolbarPrimitiveDocs.Quote.deprecated}

)}

{SelectionToolbarPrimitiveDocs.Quote?.description}

{SelectionToolbarPrimitiveDocs.Quote?.element && (

This primitive renders a {`<${SelectionToolbarPrimitiveDocs.Quote?.element}>`} element unless asChild is set.

<SelectionToolbarPrimitive.Quote>
  <QuoteIcon /> Quote
</SelectionToolbarPrimitive.Quote>

<ParametersTable {...SelectionToolbarPrimitiveQuoteProps} />
{/* api-reference */}