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.28 kB
HTML
<custom-dropdown class="sc-input icon" checkboxgroup>
<div>
<p>All</p>
</div>
<div>
<input name="custom-radio" type="radio" class="sc-hidden" id="cabrio">
<label class="sc-block" for="cabrio">
<as24-icon type="bodytypes/roadster"></as24-icon>
<span>
Cabrio
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="coupe">
<label class="sc-block" for="coupe">
<as24-icon type="bodytypes/sports"></as24-icon>
<span>
Coupé
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="compact">
<label class="sc-block" for="compact">
<as24-icon type="bodytypes/compact"></as24-icon>
<span>
Kleinwagen
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="station">
<label class="sc-block" for="station">
<as24-icon type="bodytypes/station"></as24-icon>
<span>
Kombi
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="limousine">
<label class="sc-block" for="limousine">
<as24-icon type="bodytypes/limousine"></as24-icon>
<span>
Limousine
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="offroad">
<label class="sc-block" for="offroad">
<as24-icon type="bodytypes/offroad"></as24-icon>
<span>
SUV/Geländewagen
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="delivery">
<label class="sc-block" for="delivery">
<as24-icon type="bodytypes/delivery"></as24-icon>
<span>
Transporter
</span>
</label>
<input name="custom-radio" type="radio" class="sc-hidden" id="van">
<label class="sc-block" for="van">
<as24-icon type="bodytypes/van"></as24-icon>
<span>
Van
</span>
</label>
</div>
</custom-dropdown>