   <option value="3">Third</option>
      </select>
      <select class="lui-select lui-select--gradient-inverse">
        <option value="1" selected>First</option>
        <option value="2">Second</option>
        <option value="3">Third</option>
      </select>
    {{/example-tab-content}}
  {{/example}}
  <h2>Select sizing</h2>
  <p>
    You can control the size of selects by adding a class. The following sizing options are available:
    <ul>
      <li>
        default - 28px
      </li>
      <li>
    