<!-- Basic dropdown -->
<select class="mdst-dropdown">
  <option value="">Select an option</option>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
</select>

<!-- With optgroups -->
<select class="mdst-dropdown">
  <option value="">Choose a fruit</option>
  <optgroup label="Citrus">
    <option value="orange">Orange</option>
    <option value="lemon">Lemon</option>
  </optgroup>
  <optgroup label="Berries">
    <option value="strawberry">Strawberry</option>
    <option value="blueberry">Blueberry</option>
  </optgroup>
</select>

<!-- Inline usage -->
<p>Sort by
  <select class="mdst-dropdown mdst-dropdown--inline mdst-dropdown--ghost">
    <option value="newest">Newest</option>
    <option value="oldest">Oldest</option>
  </select>
</p>