Skip to main content

Patterns

Toggles

The Toggle Element follows the styling and usage guidelines of the U.S. Web Design System’s Form Control.

<div><label class="toggle"><input data-type="boolean" name="application" type="radio" value="1" /><span class="toggle__label">Yes</span></label><label class="toggle"><input checked="true" data-type="boolean" name="application" type="radio" value="0" /><span class="toggle__label">No</span></label></div>