Radio

Give textual form controls like `<input>`s and `<textarea>`s an upgrade with custom styles, sizing, focus states, and more.

Example

<div class="form">
  <div class="field">
    <div class="inline">
      <input class="radio" type="radio" name="input1" id="input1"/>
      <label class="label" for="input1">
        Default radio
      </label>
    </div>
    <div class="inline">
      <input class="radio" type="radio" name="input1" id="input2" checked/>
      <label class="label" for="input2">
        Default checked radio
      </label>
    </div>
  </div>
</div>

@use '~/styles/app.scss' as app;

$form: app.get-theme(app.$theme, 'components.form');
@include app.generate-component(
  $form,
  'form',
  app.$config,
  app.$theme
);