AI Chat Dialog

A simple AI chat dialog component for React, built with Radix UI.

Features

• Positioned in the bottom right corner of the screen
• "Ask AI" button that opens a chat dialog
• Styled with Radix UI colors
• Fully accessible

Installation

npm install ai-chat-dialog
# or
yarn add ai-chat-dialog
# or
pnpm add ai-chat-dialog

Usage

import { AlertDialog } from 'ai-chat-dialog';
import 'ai-chat-dialog/dist/styles/AlertDialog.css';

function App() {
  return (
    <AlertDialog 
      description="Ask me anything about your data or project!"
    />
  );
}

Props

Prop	Type	Default	Description
description	string	"How can I assist you today?"	Description text in the dialog

Component Details

• The trigger button is labeled "Ask AI" and positioned in the bottom right corner
• The dialog title is fixed as "Chat with AI"
• Only a "Close" button is available to dismiss the dialog

License

MIT