Form System Demo

Profile Information

A standard 2-column form layout.

We'll never share your email with anyone else.

Tell us a little about yourself.

Preferences

Demonstrating horizontal layout, Select, Color, and Switch.

Select your primary role.

Enabled

Contact Details

A dense 3-column layout using Tel and URL inputs.

Typography

Font selection and numeric sizing.

The quick brown fox jumps over the lazy dog.

Date & Time

Comprehensive date and time inputs.

Form Data Preview

{
  "search": "",
  "firstName": "",
  "lastName": "",
  "email": "",
  "bio": "",
  "role": "developer",
  "themeColor": "#007bff",
  "dob": "",
  "notifications": true,
  "phone": "",
  "website": "",
  "country": "usa",
  "fontFamily": "inter",
  "fontSize": 16,
  "meetingTime": "",
  "month": "",
  "week": "",
  "agreeToTerms": false
}