Layout Demonstration - All Types - Pydantic Forms Demo

Layout Demonstration - All Types

Single form showcasing Vertical, Horizontal, Tabbed, and List layouts Async

Personal Info

Vertical layout demonstration

First Name *

Your given name

Last Name *

Your family name

Email Address *

Your email address

Date of Birth

Your birth date (optional)

Contact Info

Horizontal layout demonstration

Phone Number

Your contact phone number

Street Address *

Your street address

City *

City where you live

Postal Code

ZIP or postal code

Preferences

Tabbed layout demonstration

Email Notifications

Receive notifications via email

SMS Notifications

Receive notifications via SMS

UI Theme

Choose your preferred theme

Language

Select your preferred language

Task List

List layout demonstration

Project Name *

Name of the project or task collection

Task List *

Task Description

What needs to be done?

Priority

How important is this task?

Due Date

When should this be completed? (optional)

Completed

Is this task done?

Task Description

What needs to be done?

Priority

How important is this task?

Due Date

When should this be completed? (optional)

Completed

Is this task done?

Manage your tasks (dynamic list demonstration)

Back to Examples

Try Different Styles

Bootstrap Material Design

API Endpoints Available

Schema: GET /api/forms/layouts/schema

Render: GET /api/forms/layouts/render

Submit: POST /api/forms/layouts/submit

Docs: Interactive API Docs