title: Ionic: Item with title and detail text
body: <p><strong>Question</strong>: Seems too simple - how can I achieve an item with title text and detail text?</p>
  
  <p><strong>Example</strong>:
  <a href="https://i.stack.imgur.com/glXp7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/glXp7.jpg" alt="enter image description here"></a></p>
  
  <p><strong>Note</strong>: I have tried two possible solutions. Both result in a blank white item without content. </p>
  
  <pre><code>&lt;ion-item-sliding&gt;
        &lt;ion-item&gt;
          &lt;ion-icon name="pin" item-start color="primary"&gt;&lt;/ion-icon&gt;
          &lt;ion-list&gt;
            &lt;ion-item&gt;
              &lt;ion-label&gt;Title &lt;/ion-label&gt;
            &lt;/ion-item&gt;
            &lt;ion-item&gt;
              &lt;ion-input disabled="true" [(ngModel)]="event.detail"&gt;&lt;/ion-input&gt;
            &lt;/ion-item&gt;
          &lt;/ion-list&gt;
        &lt;/ion-item&gt;
      &lt;/ion-item-sliding&gt;
  </code></pre>
  
  <p>and </p>
  
  <pre><code>  &lt;ion-item-sliding&gt;
        &lt;ion-item&gt;
              &lt;ion-icon name="pin" item-start color="primary"&gt;&lt;/ion-icon&gt;
          &lt;ion-grid&gt;
           &lt;ion-row&gt;
            &lt;ion-column&gt;
              &lt;ion-label&gt;Title&lt;/ion-label&gt;
            &lt;/ion-column&gt;
            &lt;ion-column&gt;
              &lt;ion-input disabled="true" [(ngModel)]="event.detail"&gt;&lt;/ion-input&gt;
            &lt;/ion-column&gt;
          &lt;/ion-row&gt;
          &lt;/ion-grid&gt;
        &lt;/ion-item&gt;
      &lt;/ion-item-sliding&gt;
  </code></pre>