Materially

Radio buttons

Radio buttons allow users to select one option from a set

Standard

One

Two

<div>
  <mc-radio name="one" checked value="one">One</mc-radio>
  <mc-radio name="one" value="two">Two</mc-radio>
</div>

One

Two

<div>
  <mc-radio name="two" checked value="one" label-left>One</mc-radio>
  <mc-radio name="two" value="two" label-left>Two</mc-radio>
</div>

CSS variables that allow you override default values

/* Optional variables for overriding */

--mc-radio-color: var(--mc-primary);