Forms & Submissions

The most common form type:

"Add a contact form with name, email, and message fields. Store submissions in the database."

The AI creates:

1. A styled form component
2. Validation logic
3. Submission handling
4. Database table for responses

Simple email capture:

"Add a newsletter signup form in the footer with just an email field"

Build exactly what you need:

"Create a project inquiry form with:

• Name (required)
• Email (required)
• Company
• Budget (dropdown: <$5k, $5-10k, $10k+)
• Project description (textarea)
• Preferred timeline"

Ask for validation rules:

"Make name and email required. Validate email format."

"Message must be at least 50 characters."

Customize error display:

"Show validation errors inline below each field"

"Highlight invalid fields with red border"

After form submission:

"Show a success message: 'Thanks! We'll be in touch within 24 hours.'"

"Redirect to a thank you page after submission"

Get notified of submissions:

"Send an email to [email protected] when someone submits the contact form"

(Requires email integration setup)

All form submissions are stored in your database:

1. Open the Database panel
2. Find the form submissions table
3. View and manage all responses

"Add a honeypot field to prevent spam submissions"

Invisible to users, catches bots.