Form Components
General Componentsβ
The following components are used to display Vulcan forms.
SmartForm
β
This component (FormWrapper.jsx
) wraps the entire form and handles all data loading.
Form
β
This is the main component responsible for generating and displaying the form.
FormErrors
β
Used to display errors at the top of the form.
FormGroup
β
Used to display form groups.
FormSubmit
β
Used to display the form's submit and cancel buttons.
FieldErrors
β
Used to display errors beneath a form field.
FormComponent
β
Used to display an individual form field.
FormNested
& FormNestedItem
β
Used to display nested form items along with add/remove controls.
Field Componentsβ
In addition to the components used to display the form's structure, an additional set of components is used to display each individual field, according to its type.
To select a field, use its lowercase name as the control
property on your schema (e.g. control: 'select'
).
Default
β
Default form input, for text strings.
Textarea
β
Textarea form input.
Email
β
Email form input.
Number
β
Number form input. Will be used automatically for Number
fields.
Url
β
URL form input.
Checkbox
β
Checkbox form input. Will be used automatically for Boolean
fields.
Checkboxgroup
β
Checkbox form input.
Select
β
Select form input.
Radiogroup
β
Radio group form input
Date
, Time
, Datetime
β
Used to select a date, a time, or both. Date
will be used automatically for Date
fields.