Select

Select form component

Component c-select is dedicated to <select> form HTML tags.

<select>
    <option>First - default</option>
    <option>Second</option>
</select>
<br>
<br>
<select class="c-select">
    <option>First - c-select without label</option>
    <option>Second</option>
</select>
<br>
<br>
<label for="foo">Inline label</label>
<select class="c-select" id="foo">
    <option>First - c-select</option>
    <option>Second</option>
</select>
<br>
<br>
<div class="c-pos m-relative">
    <select class="c-select u-pt-5" id="bar">
        <option>First - c-select</option>
        <option>Second</option>
    </select>
    <label for="bar" class="c-pos m-absolute m-top-left c-txt m-fs-3 u-c-neutral-500 u-pt-1 u-pl-5">Label for select</label>
</div>
<!-- DEMO ONLY -->
<style>
    body {
        padding: 2em
    }
</style>