AI Elements

Actions

Server Component

Icon actions for an assistant message — copy, retry, share.

Import

tsx

import { Actions } from "@cronus-ui/ui";

bash

npx cronus-ui add actions

Examples

Message actions

Icon buttons that sit under an assistant turn — copy, retry, share.

tsx

<Actions>
  <Action tooltip="Copy" label="Copy">
    <Copy />
  </Action>
  <Action tooltip="Retry" label="Retry">
    <RefreshCw />
  </Action>
  <Action tooltip="Share" label="Share">
    <Share />
  </Action>
</Actions>

API Reference

Generated from the component's exported types.

ActionsProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.

ActionProps

Extends ButtonProps

Prop	Type	Default	Description
`tooltip`	`string`	—	—
`label`	`string`	—	—