Examples
Default styling
radioList--small
Small
Markup
<div class="radioList [modifier class]">
<label for="radio1" class="radioListItem">
<input type="radio" name="radio" id="radio1" value="1" checked>
<i></i>
<span class="radioListItem__text">
<span class="radioListItem__headline">
Headline
</span>
<span class="radioListItem__summary">
Summary
</span>
</span>
<span class="radioListItem__image">
<img src="kss-assets/sample.png" alt="Headline" loading="lazy" width="57px" height="38px">
</span>
</label>
<label for="radio2" class="radioListItem">
<input type="radio" name="radio" id="radio2" value="2" checked>
<i></i>
<span class="radioListItem__text">
<span class="radioListItem__headline">
Headline
</span>
<span class="radioListItem__summary">
Summary
</span>
</span>
<span class="radioListItem__image">
<img src="kss-assets/sample.png" alt="Headline" loading="lazy" width="57px" height="38px">
</span>
</label>
</div>
Source:
build/doc/doc.css
, line 12046