Fields
Radio Button

Radio button

List of buttons with only one selectable item.

Display type

  • radio-button

Basic example

Schema

{
fields
:
[
0
:
{
name
:
"name"
meta
:
{
displayName
:
"Fruits"
displayType
:
"radio-button"
options
:
[
0
:
{
…
}
1
:
{
…
}
2
:
{
…
}
]
}
}
]
}

Common field properties

These are the common properties of a field ( inside meta field)

FieldData typeDefault ValueDescription
classNameStringNonePass classname for custom styling or reference
displayNameStringNoneIt is used to display name of the field in the form
displayTypeStringNoneIt is used to determine the field type to be displayed. Read more
displayPropsObjectNoneIt is used for field layouting. Refer for details: Display props
htmlPropsObjectNoneIt is used for setting native html attributes to basic form controls like text_field, select, number, password, email etc.
Example of such attributes would be like step, min, max for displayType number
valueString
Boolean
Number
NoneIt is value of the field
typeStringNoneUsed for hidden fields and field section.
Value for hidden field: hidden.
Value for section: section
validationObjectFor field validation
dependenciesObjectDefines relationships and dependencies between various fields. Refer here for details: Dependencies
eventsObjectDefines field level events

Star us at github

© Copyright 2023 MuiForms