| title |
|---|
Components |
This theme introduces several custom Formio components. There are two different "flavors" of custom component:
-
Class components are JavaScript classes that extend Formio's component classes and provide new or modified inputs and behaviors.
-
Component templates are really just schema templates that we define in the theme's builder options, and which are only available in the Form.io portal bundle.
The review class component displays all of the
values provided in the form's submission. Place it within the last panel (page)
of a wizard form so that it always reflects the most up-to-date submission
data.
This class component replaces Formio's built-in
address component and renders a group of inputs for street, city,
state, and ZIP code.
The state component renders a <select>
dropdown of U.S. states defined in data/states.json.
The zip component renders a ZIP code text input
that validates either a 5-digit number or a ZIP+4 pattern (5 numbers followed
by a dash and 4 more, e.g. 94110-1234).
This component template provides a container component with the default key
name, and first and last child text fields in a 2-column grid.