Radio Group

JSON structure example

"viewDefinition": {
    "children": {
        "radioGroupComponent": {
            "type": "radio-group",
            "id": "radioGroupId",
            "disabled": false,
            "size": "default",
            "name": "radioGroupName",
            "header": "radioGroupHeader",
            "inline": false,
            "displayField": "{invoiceNumber}",
            "valueField": "{id}",
            "resource": "radioGroupdata",
            "options": "{optionsFieldTemplate}"
        }
    }
}

• type (String) - the type attribute for a Radio Group
• id (String) - an id for the component
• disabled (Boolean) - set to true in order to disable the component
  • Default: false
• size (String) (Optional) - defines the size of the component, choose from:
• Allowed values: {default, small}
• Default: default
• name (String) - Name for component
• header (String) - Header of the Radio Group
• inline (Boolean) - Align buttons horizontally
• valueField (String) - a template that defines the field to use for the value representing the option.
• displayField (String) - a template that defines the field to use for the text of the options.
• resource (String) - resource used by the RadioGroup component.

Do's and Don'ts

For more details, refer to Radio Group Usage and Visual styleguides in our Storybook