Radio Block
The radio block component, prefixed by gds-radio-block
, is a group of buttons. The user can only select one button at a time. The current theme's primary color is used for the active button state by default.
<div class="gds-radio-block">
<button class="gds-radio-block__button">
<span class="gds-radio-block__button-text">Background</span>
</button>
<button class="gds-radio-block__button gds-radio-block__button--active">
<span class="gds-radio-block__button-text">Foreground</span>
</button>
</div>
Optional classes:
gds-radio-block--dark
gds-radio-block__button--secondary
gds-radio-block__button--tertiary
gds-radio-block__button--quaternary
gds-radio-block__button--sm
gds-radio-block__button--lg
gds-radio-block__button--active
gds-radio-block__button--no-pad