showcar-ui/src/06-components/atoms/label/docs/label.html

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<label class="sc-label">Label for custom dropdown</label>
<custom-dropdown class="sc-input" checkboxgroup>
    <div>
        <p>All</p>
    </div>
    <div>
        <input type="checkbox" id="cd1-d" class="sc-input">
        <label for="cd1-d">Value1</label>
        <input type="checkbox" id="cd2-d" class="sc-input">
        <label for="cd2-d">Value2</label>
    </div>
</custom-dropdown>

<label class="sc-label">Label for default input</label>
<input type="text" class="sc-input" placeholder=".sc-input">

<label class="sc-label">Label for default dropdown</label>
<select class="sc-input" placeholder="sc-input">
    <option>...</option>
    <option>Value 1</option>
    <option>Value 2</option>
</select>

<label class="sc-label">Label for textarea</label>
<textarea class="sc-input" placeholder=".sc-input">...</textarea> 

<label class="sc-label">Small label under input</label>
<input type="text" class="sc-input">
<span class="sc-font-s sc-block sc-font-silent">* small label</span>