JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<label>Native select (dropdown):</label>
<select>
    <option>Cheeseburger</option>
    <option>French Fries</option>
    <option>Soda Pop</option>
    <option>Hamburger</option>
    <option>Veggie Burger</option>
    <option>Chicken Sandwich</option>
    <option>Dr. Pepper</option>
    <option>Onion Rings</option>
    <option>Cheeseburger</option>
    <option>French Fries</option>
    <option>Soda Pop</option>
    <option>Hamburger</option>
    <option>Veggie Burger</option>
    <option>Chicken Sandwich</option>
    <option>Dr. Pepper</option>
    <option>Onion Rings</option>
    <option>Cheeseburger</option>
    <option>French Fries</option>
    <option>Soda Pop</option>
    <option>Hamburger</option>
    <option>Veggie Burger</option>
    <option>Chicken Sandwich</option>
    <option>Dr. Pepper</option>
    <option>Onion Rings</option>
</select>
<br>
<br>
<br>
<br>
<label>Native multi-select:</label>
<select multiple="multiple">
    <option>Cheeseburger</option>
    <option>French Fries</option>
    <option>Soda Pop</option>
    <option>Hamburger</option>
    <option>Veggie Burger</option>
    <option>Chicken Sandwich</option>
    <option>Dr. Pepper</option>
    <option>Onion Rings</option>
    <option>Cheeseburger</option>
    <option>French Fries</option>
    <option>Soda Pop</option>
    <option>Hamburger</option>
    <option>Veggie Burger</option>
    <option>Chicken Sandwich</option>
    <option>Dr. Pepper</option>
    <option>Onion Rings</option>
    <option>Cheeseburger</option>
    <option>French Fries</option>
    <option>Soda Pop</option>
    <option>Hamburger</option>
    <option>Veggie Burger</option>
    <option>Chicken Sandwich</option>
    <option>Dr. Pepper</option>
    <option>Onion Rings</option>
</select>

CSS

select[multiple] {
    height: 200px;
    width: 200px;
}