| ClassName | Type | Description |
|---|
tab-container - Wrapper component for the tabs
- component
| component | Wrapper component for the tabs |
tab - Tab element its self
- component
| component | Tab element its self |
tab-content - The content block the tab will show
- component
| component | The content block the tab will show |
<section class="tab-container pt-2">
<label for="tab-1">Tab 1</label>
<input
type="radio"
id="tab-1"
name="tabs-1"
class="tab"
role="tab"
aria-label="Tab 1"
checked
/>
<div role="tabpanel" class="tab-content">Tab content 1</div>
<label for="tab-2">Tab 2</label>
<input type="radio" id="tab-2" name="tabs-1" class="tab" role="tab" aria-label="Tab 2" />
<div role="tabpanel" class="tab-content">Tab content 2</div>
</section>
