Select Input Component
The Select component is an essential HTML form element that creates a dropdown list, allowing users to choose one or more options from a predefined list.
Select
<select class="form-input">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
<select className="form-input">
<option value="male">Male</option>
<option value="female">Female</option>
</select>
Select + Option Labels
<select class="form-input">
<optgroup label="Apple">
<option value="13">I phone 13</option>
<option value="14">I phone 14</option>
<!-- Other Options -->
</optgroup>
<optgroup label="Samsung">
<option value="20">Galaxy S-20</option>
<option value="21">Galaxy S-21</option>
<!-- Other Options -->
</optgroup>
</select>
<select className="form-input">
<optgroup label="Apple">
<option value="13">I phone 13</option>
<option value="14">I phone 14</option>
<!-- Other Options -->
</optgroup>
<optgroup label="Samsung">
<option value="20">Galaxy S-20</option>
<option value="21">Galaxy S-21</option>
<!-- Other Options -->
</optgroup>
</select>
Select Sizes
<input type="text" class="form-input input-sm" placeholder="First Name"/>
<input type="text" class="form-input" placeholder="First Name"/>
<input type="text" class="form-input input-lg" placeholder="First Name"/>
<input type="text" className="form-input input-sm" placeholder="First Name"/>
<input type="text" className="form-input" placeholder="First Name"/>
<input type="text" className="form-input input-lg" placeholder="First Name"/>