An AI-powered email composition card with recipient validation, smart inputs, and beautiful styling.
Command Palette
Search for a command to run...
Search for a command to run...
An AI-powered email composition card with recipient validation, smart inputs, and beautiful styling.
Native email experience inside the AI. Draft, edit, and send without context switching.
The Email Compose Card is a comprehensive component for composing and sending emails, featuring:
npx shadcn@latest add https://ui.heygaia.io/r/email-compose-card.json| Prop | Type | Default | Description |
|---|---|---|---|
| subject | string | - | The subject line content |
| body | string | - | The body content |
| recipients | string[] | [] | Initial list of recipient emails |
| mode | "view" | "edit" | "edit" | Current display mode |
| recipientQuery | string | - | Optional context string (e.g., prompt used to generate email) |
| onSubjectChange | (value: string) => void | - | Callback when subject changes |
| onBodyChange | (value: string) => void | - | Callback when body changes |
| onRecipientsChange | (recipients: string[]) => void | - | Callback when recipients change |
| onSend | () => void | - | Callback for send action |
| onCancel | () => void | - | Callback for cancel action |
| isSending | boolean | false | Loading state for send action |