title: Ionic 3 - Dropdown Select
body: <p>I am trying to recreate the below in Ionic 3 (see link for GIF).
  I have no idea what I am doing. 
  I have tried to use the ionic select options but it is not giving me the desired effect.
  Can someone please help me with this?</p>
  
  <p>Dropdown Select:<br>
  <a href="https://i.stack.imgur.com/NUO54.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NUO54.gif" alt="Dropdown Select"></a></p>
  
  <p>More Info:</p>
  
  <p>Currently I am at this point:
  <a href="https://i.stack.imgur.com/CY0yg.gif" rel="nofollow noreferrer">Current Progress</a></p>
  
  <p>As you can see, very far off.
  My code is:</p>
  
  <pre><code>&lt;ion-grid&gt;
      &lt;ion-row&gt;
          &lt;ion-col col-3&gt;
              &lt;ion-item&gt;
                  &lt;ion-label stacked&gt;Filter&lt;/ion-label&gt;
                  &lt;ion-select interface="popover"&gt;
                      &lt;ion-option value="10"&gt;10&lt;/ion-option&gt;
                      &lt;ion-option value="20"&gt;20&lt;/ion-option&gt;
                  &lt;/ion-select&gt;
              &lt;/ion-item&gt;
          &lt;/ion-col&gt;
          &lt;ion-col col-3&gt;
              &lt;ion-item&gt;
                  &lt;ion-label&gt;Due Date&lt;/ion-label&gt;
                  &lt;ion-select interface="popover"&gt;
                      &lt;ion-option value="10"&gt;10&lt;/ion-option&gt;
                      &lt;ion-option value="20"&gt;20&lt;/ion-option&gt;
                  &lt;/ion-select&gt;
              &lt;/ion-item&gt;
          &lt;/ion-col&gt;
          &lt;ion-col col-3&gt;
              &lt;ion-item&gt;
                  &lt;ion-label&gt;Descending&lt;/ion-label&gt;
                  &lt;ion-select interface="popover"&gt;
                      &lt;ion-option value="10"&gt;10&lt;/ion-option&gt;
                      &lt;ion-option value="20"&gt;20&lt;/ion-option&gt;
                  &lt;/ion-select&gt;
              &lt;/ion-item&gt;
          &lt;/ion-col&gt;
      &lt;/ion-row&gt;
  &lt;/ion-grid&gt;
  </code></pre>