UI MarCom

Radio Buttons Known issues

Radio buttons are input elements for managing selections, for example, in forms or filters. Only one in a group can be selected.

<uimc-radio-button 
  label=""
></uimc-radio-button>

AttributeDescriptionValuesDefault
nameSets the name of the radio button
labelSets the label of the radio button
valueSets the value of the radio button
checkedReflects the checked state
disabledDisables interaction on this element
idOverrides the generated id for input and label with a custom oneuuid

CallbackArgumentDescription
onChangeeventCallback function that gets triggered if the state of the component changes

Working sample

<uimc-radio-button 
  label="Radio button"
></uimc-radio-button>
<uimc-radio-button 
  label=""
></uimc-radio-button>
<uimc-radio-button 
  label="Radio button disabled"
  disabled="true"
></uimc-radio-button>
<uimc-radio-button 
  label="Radio button disabled but checked"
  disabled="true"
  checked="true"
></uimc-radio-button>