Skip to content
Agent UI
Compose primitivesComposeDisclaimer

Compose Disclaimer

Muted provider disclaimer line for the bottom of a composer stage.

ComposeDisclaimer ships with a full API table, a copyable example, and accessibility notes.

tsx

AI can make mistakes. Check important info.

Installation

Install the package once, then import ComposeDisclaimer from its direct entry point or from the root.

bash
pnpm add @agent-ui/react
tsx
import { ComposeDisclaimer } from "@agent-ui/react";

Tailwind CSS v4 users: add @source "../node_modules/@agent-ui/react/src" to the global stylesheet so the library utilities are generated.

Usage

The example below is the same code that renders the preview. Copy it, swap in your own handlers, and ship.

tsx
import { ComposeDisclaimer } from "@agent-ui/react";
 
<ComposeDisclaimer>AI can make mistakes. Check important info.</ComposeDisclaimer>

API reference

Every prop ComposeDisclaimer accepts, its type, default, and behaviour.

API reference for this component
NameTypeDefaultDescription
childrenReactNode—Disclaimer copy.
classNamestring—Merged onto the paragraph.
Use it with the rest of the library

ComposeDisclaimer composes with MessageList, ChatShell, useChat, and the provider compose blocks. Browse the full reference or see all components in the gallery.

3 lines · copy-ready