action-bar-more

import { ActionBarMorePrimitiveContentProps, ActionBarMorePrimitiveItemProps, ActionBarMorePrimitiveRootProps, ActionBarMorePrimitiveSeparatorProps, ActionBarMorePrimitiveTriggerProps } from "@/generated/typeDocs";
import { ActionBarMorePrimitive as ActionBarMorePrimitiveDocs } from "@/generated/primitiveDocs";

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

{/* api-manual */}

Anatomy#

import { ActionBarPrimitive, ActionBarMorePrimitive } from "@assistant-ui/react";

const MessageActions = () => (
  <ActionBarPrimitive.Root>
    <ActionBarPrimitive.Copy />
    <ActionBarPrimitive.Reload />

    <ActionBarMorePrimitive.Root>
      <ActionBarMorePrimitive.Trigger>
        <MoreHorizontalIcon />
      </ActionBarMorePrimitive.Trigger>
      <ActionBarMorePrimitive.Content>
        <ActionBarMorePrimitive.Item onSelect={() => console.log("Edit")}>
          Edit
        </ActionBarMorePrimitive.Item>
        <ActionBarMorePrimitive.Item onSelect={() => console.log("Speak")}>
          Read aloud
        </ActionBarMorePrimitive.Item>
        <ActionBarMorePrimitive.Separator />
        <ActionBarMorePrimitive.Item onSelect={() => console.log("Feedback")}>
          Submit feedback
        </ActionBarMorePrimitive.Item>
      </ActionBarMorePrimitive.Content>
    </ActionBarMorePrimitive.Root>
  </ActionBarPrimitive.Root>
);

{/* api-manual */}

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

API Reference#

Root#

{ActionBarMorePrimitiveDocs.Root?.deprecated && (

Deprecated. {ActionBarMorePrimitiveDocs.Root.deprecated}

)}

{ActionBarMorePrimitiveDocs.Root?.description}

{ActionBarMorePrimitiveDocs.Root?.element && (

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

)}

Trigger#

{ActionBarMorePrimitiveDocs.Trigger?.deprecated && (

Deprecated. {ActionBarMorePrimitiveDocs.Trigger.deprecated}

)}

{ActionBarMorePrimitiveDocs.Trigger?.description}

{ActionBarMorePrimitiveDocs.Trigger?.element && (

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

)}

{/* api-manual.Trigger */}

Data attribute	Values
`[data-state]`	`"open" \| "closed"`
`[data-disabled]`	Present when disabled
{/* api-manual.Trigger */}

Content#

{ActionBarMorePrimitiveDocs.Content?.deprecated && (

Deprecated. {ActionBarMorePrimitiveDocs.Content.deprecated}

)}

{ActionBarMorePrimitiveDocs.Content?.description}

{ActionBarMorePrimitiveDocs.Content?.element && (

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

)}

{/* api-manual.Content */}

Data attribute	Values
`[data-state]`	`"open" \| "closed"`
`[data-side]`	`"top" \| "right" \| "bottom" \| "left"`
`[data-align]`	`"start" \| "center" \| "end"`
{/* api-manual.Content */}

Item#

{ActionBarMorePrimitiveDocs.Item?.deprecated && (

Deprecated. {ActionBarMorePrimitiveDocs.Item.deprecated}

)}

{ActionBarMorePrimitiveDocs.Item?.description}

{ActionBarMorePrimitiveDocs.Item?.element && (

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

)}

{/* api-manual.Item */}

Data attribute	Values
`[data-disabled]`	Present when disabled
`[data-highlighted]`	Present when highlighted
{/* api-manual.Item */}

Separator#

{ActionBarMorePrimitiveDocs.Separator?.deprecated && (

Deprecated. {ActionBarMorePrimitiveDocs.Separator.deprecated}

)}

{ActionBarMorePrimitiveDocs.Separator?.description}

{ActionBarMorePrimitiveDocs.Separator?.element && (

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

)}

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