Select

Overview

Select is a dropdown for an Actions row. The selection handler is inline, like Button's onClick; the selected option's value arrives as a string.

Import

import { Select } from "@copilotkit/bot-ui";

Props

Prop

Type

Prop

Type

Prop

Type

Usage

<Actions>
  <Select
    placeholder="Pick a severity"
    options={[
      { label: "SEV1 — page someone", value: "sev1" },
      { label: "SEV2 — business hours", value: "sev2" },
      { label: "SEV3 — backlog", value: "sev3" },
    ]}
    onSelect={async ({ thread, action }) => {
      await thread.post(`Severity set to ${action.value}.`);
    }}
  />
</Actions>

On Slack

Renders as a static_select element — at most 100 options (SLACK_LIMITS.selectOptions).

Button — single-click control
InteractionContext — what the handler receives