CopilotKit

Actions

Group portable buttons and Slack-select controls in one message action area.

Actions groups interactive controls.

import { Actions, Button, Message, Section } from "@copilotkit/channels/ui";

<Message>
  <Section>Approve this deployment?</Section>
  <Actions>
    <Button value="approve" style="primary" onClick={handleDecision}>
      Approve
    </Button>
    <Button value="deny" style="danger" onClick={handleDecision}>
      Deny
    </Button>
  </Actions>
</Message>;
PropTypeDescription
childrenBotChildrenInteractive Channels components.

Managed Slack renders an actions block. Managed Teams lifts Button children to the Adaptive Card's top-level actions. Use buttons for cross-provider managed workflows. A Teams Button callback receives named Adaptive Card input fields in ctx.values; Teams does not dispatch Select.onSelect or Input.onSubmit as independent callbacks.