Actions
Row container for interactive controls — Buttons, Selects, and Inputs — in a bot message.
Overview
Actions is the row container for interactive controls. Put Button and Select elements inside it. (Input is a block-level control — place it directly in the Message, not in an Actions row.)
Import
import { Actions } from "@copilotkit/bot-ui";Props
Prop
Type
Usage
<Message>
<Section>Ship **v1.4.2** to production?</Section>
<Actions>
<Button
style="primary"
onClick={async ({ thread }) => {
await thread.post("🚀 Shipping!");
}}
>
Ship it
</Button>
<Button
onClick={async ({ thread }) => {
await thread.post("Standing down.");
}}
>
Cancel
</Button>
</Actions>
</Message>On Slack
Renders as an actions block — at most 25 controls per row (SLACK_LIMITS.actionsElements).