Skip to main content

Input Components

Input components collect responses from users.

Text Inputs​

Short Text​

Single-line text entry for brief responses.

  • Label — Question or prompt
  • Placeholder — Example text
  • Required — Must be filled
  • Validation — Email, URL, custom patterns

Long Text​

Multi-line text for extended responses like reflections and journaling.

Number Inputs​

Number Field​

Collect numeric values with min/max limits.

Slider​

Visual range selection for subjective ratings.

Star Rating​

Quick 1-5 star evaluation input.

Selection Inputs​

Single Choice (Radio)​

Select one option from a list.

Multiple Choice (Checkbox)​

Select multiple options.

Compact single selection for long lists.

Date and Time​

  • Date Picker — Select dates
  • Time Picker — Select times

File Inputs​

  • File Upload — Documents, images, etc.
  • Image Upload — Specifically for images

Specialized Inputs​

  • Signature — Capture signatures
  • Scale/Likert — Agreement scales
  • Ranking — Order items by preference

Validation​

  • Required Fields — Must be filled to proceed
  • Format Validation — Ensure correct format
  • Range Validation — Min/max for numbers

Next Steps​