Section

Overview

Section is the workhorse text block: a paragraph of body text with markdown support (**bold**, `code`, links, …).

Import

tsx

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

Props

<PropertyReference name="children" type="BotChildren"> The body text. Markdown in string children is rendered by the platform adapter (on Slack, translated to mrkdwn). </PropertyReference>

Usage

tsx

<Message>
  <Section>Ship **v1.4.2** to production? See the `CHANGELOG` first.</Section>
</Message>

On Slack

Renders as a section block with mrkdwn text, truncated at 3000 characters (SLACK_LIMITS.sectionText). Markdown is translated to mrkdwn (e.g. **bold** → *bold*) by the adapter.

Markdown — an explicit markdown block
Fields — two-column label/value layout
markdownToMrkdwn — the Markdown → mrkdwn translation

Overview

Import

Props

Usage

On Slack

Related