Checkbox Group field
Data
Key |
Type(s) |
Optional |
Description |
name |
string |
|
The form field name, this value must be used as the input's name key |
type |
string |
|
Different types of form fields such as text password email select range file |
label |
string |
|
The label for the form field |
required |
boolean |
|
Indicates if the field is required for validation |
options |
array |
optional |
Collection of options used by the select and range types. Only available when applicable |
conditional |
array |
optional |
Collection of options used by the select and range types. Only available when applicable |
Options
Selectable options within the select component. Only one option can be the selected one.
Key |
Type(s) |
Optional |
Description |
name |
string |
|
The field name, same as the parents name |
value |
string |
|
The value that should be used by the parent when the option is selected or picked |
label |
string |
|
Label for the option |
Example
{
"name": "CCURRENTFUNCTIONGROUP",
"type": "checkbox-group",
"label": "Huidige / laatste functiecategorie",
"required": false,
"css": "w-full",
"options": [
{
"name": "CCURRENTFUNCTIONGROUP",
"value": "CCURRENTFUNCTIONGROUP1",
"label": "Directie & Management"
},
{
"name": "CCURRENTFUNCTIONGROUP",
"value": "CCURRENTFUNCTIONGROUP10",
"label": "Onderzoek & Ontwikkeling"
},
{
"name": "CCURRENTFUNCTIONGROUP",
"value": "CCURRENTFUNCTIONGROUP11",
"label": "Logistiek"
},
{
"name": "CCURRENTFUNCTIONGROUP",
"value": "CCURRENTFUNCTIONGROUP12",
"label": "Engineering"
},
...
]
}