AiDisclaimer
A short, quiet note that AI-generated content may be wrong — "AI-generated content may be incorrect"
Category: feedback · WCAG 2.2-AA · ai, disclaimer, disclosure, notice, provenance, generated
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | — | Replaces the default text — e.g. naming the model or what to double-check. |
labels | { text?: string } | — | Overrides for the component’s user-visible strings (i18n). |
Design tokens
--cascivo-color-text-muted--cascivo-color-ai--cascivo-text-xs
When to use
- Under an AI chat composer or answer, telling readers the output can be wrong
- Beside AI-generated summaries, drafts or suggestions that people may act on
When not to use
- Marking a single field or card as AI-generated — use AiBadge
- Warnings the reader must act on — use Alert
How to build an accessible AiDisclaimer in React →
Examples
Default
<AiDisclaimer />Specific
<AiDisclaimer>Summaries are generated by AI. Check figures against the source report.</AiDisclaimer>