md-form-builder/src/controls/mdfbRadio.html

AngularJS - Material Design - Form Builder

<md-input-container ng-class="{ 'md-input-invalid' : form[field.name].$invalid && form[field.name].$touched }">
  <div style="margin-bottom: 10px;" ng-bind-html="field.title"></div>
  <md-radio-group
    layout-wrap
    name="{{field.name}}"
    ng-model="field.value"
    ng-required="field.settings.required && !form.saveAsDraft.$modelValue && field.show"
    layout="{{field.layout}}">
    <md-radio-button ng-repeat="option in field.options track by $index" ng-disabled="field.settings.disabled || globals.viewModeOnly" value="{{option.key}}" aria-label="...">
      {{option.value}}
    </md-radio-button>
  </md-radio-group>

  <div layout="column" ng-messages="form[field.name].$error" ng-show="form[field.name].$invalid && form[field.name].$touched">
    <div ng-message="required">This field is required</div>
  </div>
</md-input-container>