AI Disclaimer
A quiet footer sitting under the conversation, reminding users that AI can make mistakes and to check important details.
Loading demo: ai-disclaimer-real-world
Installation
npx sdaia-ui@latest add ai-disclaimer
Usage
import { AiDisclaimer } from "sdaia-ui"1<AiDisclaimer2type="banner"3style="neutral"4title="You’re chatting with an AI assistant"5description="Responses may be inaccurate. Please don’t share sensitive personal information."6/>
Types
Footer
A quiet, centered line under a reply — the everyday "AI can make mistakes" reminder.
Loading demo: ai-disclaimer-footer
Banner
A prominent caution bar with a brand AI avatar, a title and a description — for higher-stakes contexts.
Loading demo: ai-disclaimer-banner
Model-Chip
A compact pill naming the assistant and the model / version in play.
Loading demo: ai-disclaimer-model-chip
API Reference
Prop | Type | Default | Required |
|---|---|---|---|
type | 'footer' | 'banner' | 'model-chip' | 'banner' | optional |
style | 'neutral' | 'brand' | 'outline' | 'neutral' | optional |
dir | 'ltr' | 'rtl' | 'ltr' | optional |
icon | string | alert02Stroke / sparklesStroke | optional |
text | ReactNode | 'AI can make mistakes. Verify important information.' | optional |
title | ReactNode | 'You’re chatting with an AI assistant' | optional |
description | ReactNode | 'Responses may be inaccurate. …' | optional |
modelName | ReactNode | 'SDAIA Assistant' | optional |
modelVersion | ReactNode | 'GPT-4o · v2.1' | optional |
as | ElementType | 'div' | optional |