Field Types

FormMorf supports 20+ field types out of the box. All fields are fully customizable with validation, styling, and conditional logic.

Text Input

Text

text

Single-line text input

Textarea

textarea

Multi-line text input

Email

email

Email input with validation

Phone

phone

Phone number input

URL

url

Website URL input

Password

password

Password input (masked)

Numeric

Number

number

Numeric input with min/max

Range Slider

range

Visual slider for numbers

Rating

rating

Star rating component

Choice

Select Dropdown

select

Dropdown selection

Radio Buttons

radio

Single choice from options

Checkbox

checkbox

Single or multiple choices

Switch Toggle

switch

On/off toggle

Date & Time

Date Picker

date

Select a date

Time Picker

time

Select a time

DateTime Picker

datetime

Select date and time

Date Range

daterange

Select start and end dates

Media

File Upload

file

Upload any file type

Image Upload

image

Upload and preview images

Rich Input

Rich Text Editor

richtext

WYSIWYG text editor

Color Picker

color

Visual color selection

Layout

Heading

header

Static heading text (H1-H6)

Paragraph

paragraph

Static paragraph text

Divider

divider

Visual separator line

Section

section

Collapsible field group

Common Properties

All field types support these common properties:

Property	Type	Description
id	string	Unique identifier for the field
type	FieldType	The type of field (text, email, etc.)
label	string	Field label displayed to users
name	string	Field name for form submission
placeholder	string	Placeholder text
helpText	string	Help text shown below the field
required	boolean	Whether the field is required
disabled	boolean	Whether the field is disabled
defaultValue	any	Default value for the field
validation	FieldValidation	Validation rules
style	FieldStyle	Custom styling options
conditions	FieldConditions	Conditional visibility rules

Type-Specific Properties

Text Fields (text, email, textarea, etc.)

• maxLength - Maximum character length
• pattern - Regex pattern for validation
• rows - Number of rows (textarea only)

Number Fields

• min - Minimum value
• max - Maximum value
• step - Step increment

Select & Radio Fields

• options - Array of {label, value} objects
• multiple - Allow multiple selections

File Upload Fields

• accept - Accepted file types (e.g., "image/*")
• multiple - Allow multiple files
• maxSize - Max file size in MB
• maxFiles - Max number of files

Rating Field

• maxRating - Maximum rating value (default: 5)
• allowHalf - Allow half-star ratings

Date/Time Fields

• minDate - Minimum selectable date
• maxDate - Maximum selectable date
• format - Time format (12 or 24 hour)

💡 Tips

• All fields support custom validation rules
• Use conditional logic to show/hide fields dynamically
• Field width can be set to 25%, 50%, 75%, or 100%
• Static fields (header, paragraph) don't collect data