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.
48 lines (47 loc) • 2.16 kB
HTML
<custom-dropdown class="sc-input icon" checkboxgroup closeonselect>
<div>
<p></p>
</div>
<div>
<input type="radio" id="cy-be" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="B">
<label class="sc-block" for="cy-be">
<as24-icon type="flag/be"></as24-icon>
<span>Belgien</span>
</label>
<input type="radio" id="cy-de" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="D" checked=checked>
<label class="sc-block" for="cy-de">
<as24-icon type="flag/de"></as24-icon>
<span>Deutschland</span>
</label>
<input type="radio" id="cy-fr" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="F">
<label class="sc-block" for="cy-fr">
<as24-icon type="flag/fr"></as24-icon>
<span>Frankreich</span>
</label>
<input type="radio" id="cy-it" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="I">
<label class="sc-block" for="cy-it">
<as24-icon type="flag/it"></as24-icon>
<span>Italien</span>
</label>
<input type="radio" id="cy-lu" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="L">
<label class="sc-block" for="cy-lu">
<as24-icon type="flag/lu"></as24-icon>
<span>Luxemburg</span>
</label>
<input type="radio" id="cy-nl" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="NL">
<label class="sc-block" for="cy-nl">
<as24-icon type="flag/nl"></as24-icon>
<span>Niederlande</span>
</label>
<input type="radio" id="cy-es" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="E">
<label class="sc-block" for="cy-es">
<as24-icon type="flag/es"></as24-icon>
<span>Spanien</span>
</label>
<input type="radio" id="cy-at" name="cy" class="sc-hidden" placeholder="Stadt/PLZ" value="A">
<label class="sc-block" for="cy-at">
<as24-icon type="flag/at"></as24-icon>
<span>Österreich</span>
</label>
</div>
</custom-dropdown>