Skip to main content
Version: Next

Components Reference

This section provides a detailed reference for all Formio components supported by formio-react-native, including their specific properties and usage.

Basic Components​

  • Text Field: Single-line text input.
  • Text Area: Multi-line text input.
  • Number: Numeric input field.
  • Password: Password input field.
  • Email: Email input field with validation.
  • URL: URL input field with validation.
  • Checkbox: Single checkbox.
  • Radio: Group of radio buttons.
  • Select Boxes: Group of checkboxes with a label.
  • Select: Dropdown select box.
  • Date / Time: Date and time picker.
  • Phone Number: Phone number input field.

Layout Components​

  • Panel: Groups components into a collapsible panel.
  • Columns: Arranges components into multiple columns.
  • Well: A simple container for grouping components visually.
  • Field Set: Groups components with a legend.

Data Components​

  • Data Grid: Displays data in a tabular format, allowing inline editing.
  • Edit Grid: Similar to Data Grid, but with more advanced editing capabilities.

Advanced Components​

  • File Upload: Allows users to upload files.
  • Resource Select: Selects data from an external resource.
  • Button: A customizable button for various actions.

This reference will be continuously updated with more components and their detailed APIs.