Select

Select

Select element presents a menu of options.

Base

Preview

No content has been added for this component.

No content has been added for this component.

<div class="slds-form-element">
  <label class="slds-form-element__label" for="select-01">Select Label</label>
  <div class="slds-form-element__control">
    <div class="slds-select_container">
      <select class="slds-select" id="select-01">
        <option>Option One</option>
        <option>Option Two</option>
        <option>Option Three</option>
      </select>
    </div>
  </div>
</div>

About Select

The HTML <select> element presents a menu of options. The options within the menu are represented by <option> elements that you can group with <optgroup> elements. You can pre-select options for the user.

For a multiple options selections, adding the attribute multiple to the <select> will enable this functionality. Note, if you need multiple option selections, you will need to remove the <div class="slds-select_container"> from the DOM, otherwise you'll get display issues.


Overview of CSS Classes

Selector.slds-select
Summary

Initializes select

Restrictselect
VariantTrue