showcase/shell-docs/src/content/reference/bot/components/Actions.mdx
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 { Actions } from "@copilotkit/bot-ui";
<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>
Renders as an actions block — at most 25 controls per row (SLACK_LIMITS.actionsElements).