Tabs are used to alternate between views within the same context. The selected tab is highlighted for prominence.
<div class="euaa-tabset">
<input class="euaa-tabset__radio" type="radio" name="tabset" id="tab1" checked>
<label class="euaa-tabset__label" for="tab1">Tab 1</label>
<input class="euaa-tabset__radio" type="radio" name="tabset" id="tab2">
<label class="euaa-tabset__label" for="tab2">Tab 2</label>
<input class="euaa-tabset__radio" type="radio" name="tabset" id="tab3">
<label class="euaa-tabset__label" for="tab3">Tab 3</label>
<input class="euaa-tabset__radio" type="radio" name="tabset" id="tab4">
<label class="euaa-tabset__label" for="tab4">Tab 4</label>
<div class="euaa-tab-panels">
<section class="euaa-tab-panels__content">Tab 1 content goes here</section>
<section class="euaa-tab-panels__content">Tab 2 content goes here</section>
<section class="euaa-tab-panels__content">Tab 3 content goes here</section>
<section class="euaa-tab-panels__content">Tab 4 content goes here</section>
</div>
</div>