Radio Buttons Stable Radio Group under construction Dark theme

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

Usage Code

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

Attribute	Description	Values	Default
name	Sets the name of the radio button	String	–
label	Sets the label of the radio button	String	–
value	Sets the value of the radio button	String	–
checked	Reflects the checked state	–	–
disabled	Disables interaction on this element	–	–
id	Overrides the generated id for input and label with a custom one	String	uuid
theme	Set the color scheme of the component	`light`, `dark`	`light`

Callback	Argument	Description
onChange	current radio button	Callback function that gets triggered when it is checked
onClick	event	Callback function that gets triggered when label or input is clicked

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>

Dark theme

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