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.
64 lines (63 loc) • 2.04 kB
HTML
<custom-dropdown class="sc-input icon" checkboxgroup tabindex="0">
<div>
<p>All</p>
</div>
<div>
<input type="checkbox" class="sc-input" id="cabrio-3">
<label for="cabrio-3">
<as24-icon type="bodytypes/roadster"></as24-icon>
<span>
Cabrio
</span>
</label>
<input type="checkbox" class="sc-input" id="coupe-3">
<label for="coupe-3">
<as24-icon type="bodytypes/sports"></as24-icon>
<span>
Coupé
</span>
</label>
<input type="checkbox" class="sc-input" id="compact-3">
<label for="compact-3">
<as24-icon type="bodytypes/compact"></as24-icon>
<span>
Kleinwagen
</span>
</label>
<input type="checkbox" class="sc-input" id="station-3">
<label for="station-3">
<as24-icon type="bodytypes/station"></as24-icon>
<span>
Kombi
</span>
</label>
<input type="checkbox" class="sc-input" id="limousine-3">
<label for="limousine-3">
<as24-icon type="bodytypes/limousine"></as24-icon>
<span>
Limousine
</span>
</label>
<input type="checkbox" class="sc-input" id="offroad-3">
<label for="offroad-3">
<as24-icon type="bodytypes/offroad"></as24-icon>
<span>
SUV/Geländewagen
</span>
</label>
<input type="checkbox" class="sc-input" id="delivery-3">
<label for="delivery-3">
<as24-icon type="bodytypes/delivery"></as24-icon>
<span>
Transporter
</span>
</label>
<input type="checkbox" class="sc-input" id="van-3">
<label for="van-3">
<as24-icon type="bodytypes/van"></as24-icon>
<span>
Van
</span>
</label>
</div>
</custom-dropdown>