Chat & AI

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>

.cronus

No audit fixture declares this family in .cronus yet.

React onlyParity: Not portedParity scoreboard

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.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

ActionProps

Extends ButtonProps

Prop	Type	Default	Description
`tooltip`	`string`	—	—
`label`	`string`	—	—
`variant`	`string`	—	Visual variant.
`size`	`string`	—	Control size.
`asChild`	`boolean`	—	Render as the child element via Slot.
`disabled`	`boolean`	—	Disables pointer and keyboard interaction.
`type`	`string`	—	Native type of the underlying element.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.