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>

{/* 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.

<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.

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