showcar-ui
Version:
Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.
21 lines (20 loc) • 1.02 kB
HTML
<div class="sc-tabs" data-tabs="example">
<nav class="sc-tabs--with-icon">
<button class="sc-tab--with-icon sc-tab--with-icon--active" data-section="tab-auto">
<as24-icon type="navigation/car"></as24-icon>
</button>
<button class="sc-tab--with-icon" data-section="tab-moto">
<as24-icon type="navigation/motocycle"></as24-icon>
</button>
<button class="sc-tab--with-icon" data-section="tab-caravan">
<as24-icon type="navigation/caravan"></as24-icon>
</button>
<button class="sc-tab--with-icon" data-section="tab-truck">
<as24-icon type="navigation/truck"></as24-icon>
</button>
</nav>
<div class="sc-tabs__content sc-tabs__content--visible" data-section="tab-auto">Auto</div>
<div class="sc-tabs__content" data-section="tab-moto">Moto</div>
<div class="sc-tabs__content" data-section="tab-caravan">Caravan</div>
<div class="sc-tabs__content" data-section="tab-truck">Truck</div>
</div>