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>