Radio buttons

Radio buttons allow users to select one option from a set

Standard

One

Two

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

One

Two

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

CSS variables that allow you override default values

/* Optional variables for overriding */

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