Implementation:Infiniflow Ragflow Admin EmailForm Component
Appearance
| Knowledge Sources | |
|---|---|
| Domains | Frontend, Admin |
| Last Updated | 2026-02-12 06:00 GMT |
Overview
Email input form component with validation for adding email addresses to admin panel lists.
Description
The admin/forms/email-form.tsx component provides a single email input field with format validation, duplicate detection, and submission handling. It is used across the admin panel wherever individual email entry is required, such as the whitelist management page.
Usage
Embedded within admin pages that require email input, such as the whitelist page for adding individual email addresses.
Code Reference
Source Location
- Repository: Infiniflow_Ragflow
- File: web/src/pages/admin/forms/email-form.tsx
- Lines: 1-102
Signature
export default function EmailForm(): JSX.Element;
Import
import EmailForm from '@/pages/admin/forms/email-form';
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| onSubmit | (email: string) => void | Yes | Callback with validated email address |
| existingEmails | string[] | No | List of existing emails for duplicate detection |
Outputs
| Name | Type | Description |
|---|---|---|
| Rendered component | JSX.Element | Email input form with validation |
Usage Examples
<EmailForm onSubmit={handleAddEmail} existingEmails={whitelistEmails} />
Related Pages
Page Connections
Double-click a node to navigate. Hold to expand connections.
Principle
Implementation
Heuristic
Environment