Field Types

{
  "id": "full_name",
  "type": "text",
  "label": "Full name",
  "required": true,
  "validation": {
    "minLength": 2,
    "maxLength": 100
  }
}

{
  "id": "email",
  "type": "email",
  "label": "Email address",
  "required": true
}

{
  "id": "phone",
  "type": "tel",
  "label": "Phone number"
}

{
  "id": "website",
  "type": "url",
  "label": "Website URL",
  "placeholder": "https://example.com"
}

{
  "id": "age",
  "type": "number",
  "label": "Age",
  "validation": { "min": 18, "max": 120 }
}

{
  "id": "message",
  "type": "textarea",
  "label": "Message",
  "config": { "rows": 6 }
}

{
  "id": "country",
  "type": "select",
  "label": "Country",
  "options": [
    { "id": "us", "label": "United States", "value": "US" },
    { "id": "gb", "label": "United Kingdom", "value": "GB" }
  ],
  "config": { "searchable": true }
}

{
  "id": "plan",
  "type": "radio",
  "label": "Which plan are you on?",
  "options": [
    { "id": "free", "label": "Free", "value": "free" },
    { "id": "pro", "label": "Pro", "value": "pro" }
  ],
  "config": { "layout": "vertical" }
}

{
  "id": "interests",
  "type": "checkbox",
  "label": "What are you interested in?",
  "options": [
    { "id": "a", "label": "API integrations", "value": "api" },
    { "id": "b", "label": "React SDK", "value": "sdk" },
    { "id": "c", "label": "Webhooks", "value": "webhooks" }
  ]
}

{
  "id": "dob",
  "type": "date",
  "label": "Date of birth"
}

{
  "id": "satisfaction",
  "type": "rating",
  "label": "How satisfied are you?",
  "config": {
    "maxRating": 5,
    "ratingIcon": "star"
  }
}

{
  "id": "nps",
  "type": "scale",
  "label": "How likely are you to recommend us?",
  "config": {
    "scaleMin": 0,
    "scaleMax": 10,
    "scaleLowLabel": "Not likely",
    "scaleHighLabel": "Very likely"
  }
}

{
  "id": "resume",
  "type": "file",
  "label": "Upload your resume",
  "validation": {
    "fileTypes": [".pdf", ".doc", ".docx"],
    "maxFileSize": 5242880
  }
}

{
  "id": "intro",
  "type": "statement",
  "label": "Before you continue",
  "description": "Please read our privacy policy before submitting."
}

{
  "id": "sep1",
  "type": "divider",
  "label": ""
}