Atom

Form Select

Show code
<div class="form-select "> <select class="form-select-default-js" id="" data-placeholder=""> <option>Default option</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>

.form-select--multiple

Show code
<div class="form-select "> <select class="form-select-default-js" id="" multiple data-placeholder=""> <option>Multiple 1</option> <option>Multiple 2</option> <option>Multiple 3</option> <option>Multiple 4</option> </select> </div>

.form-select--disabled

Show code
<div class="form-select form-select--disabled"> <select class="form-select-default-js" id="" data-placeholder=""> <option>Default option</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>

.form-select--error

Show code
<div class="form-select form-select--error"> <select class="form-select-default-js" id="" data-placeholder=""> <option>Default option</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>

.form-select--success

Show code
<div class="form-select form-select--success"> <select class="form-select-default-js" id="" data-placeholder=""> <option>Default option</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>

.form-select--warning

Show code
<div class="form-select form-select--warning"> <select class="form-select-default-js" id="" data-placeholder=""> <option>Default option</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div>