---
title: Radio button
layout: documentation
doc-tab: form
doc-subtab: radio
breadcrumb:
- home
- documentation
- form
- form-radio
meta:
colors: false
sizes: false
variables: false
---
{% capture radio_example %}
The radio class is a simple wrapper around the <input type="radio"> HTML elements. It is intentionally not styled, to preserve cross-browser compatibility and the user experience.
Make sure the linked radio buttons have the same value for their name HTML attribute.
You can check a radio button by default by adding the checked HTML attribute to the <input> element.
You can disable a radio button by adding the disabled HTML attribute to both the <label> and the <input>.