Radio

This component is a standalone radio. It is against guidelines to use it by itself. See radio buttons component for the wrapper component.

Elements

The component is composed of multiple elements:

  • radio the wrapper
    • radio__control tick box
    • radio__label clickable label
<div class="radio">
  <input type="radio" id="radio" value="radio" class="radio__control" />
  <label for="radio" class="radio__label">Radio</label>
</div>

Properties

Add classes to the wrapper class to change the style of the component.

Disabled

Add this class to signal users the field is disabled. Include pallote.js file to your project to automatically add the disabled attribute.

class="radio radio--disabled"