CopilotKit

Divider

Add a portable visual separator to a rich Channels message.

Open your coding agent in your project's folder, or in an empty folder for a new app.This runs in a coding agent on your computer.

Divider takes no props or children.

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

<Message>
  <Section>Summary</Section>
  <Divider />
  <Section>Next action</Section>
</Message>;

Managed Slack renders a divider block. Adaptive Cards have no standalone rule element, so managed Teams renders an empty separated text block to create the visual boundary.