ionic-framework/e2e/text-input/inset-inputs/main.html

<ion-toolbar><ion-title>Inset Inputs</ion-title></ion-toolbar>


<ion-content class="outer-content">


  <ion-list inset>

    <ion-input>
      <icon search item-left></icon>
      <input value="Input inside an inset list" type="text">
    </ion-input>

    <ion-input>
      <icon call item-left></icon>
      <input type="tel">
    </ion-input>

    <ion-input>
      <icon mail item-left></icon>
      <input placeholder="Placeholder text" type="text">
    </ion-input>

  </ion-list>


  <ion-list inset>

    <ion-input inset>
      <icon search item-left></icon>
      <input value="Inset input inside an inset list" type="text">
    </ion-input>

    <ion-input inset>
      <input value="Inset input inside an inset list" type="text">
      <icon mic item-right></icon>
    </ion-input>

  </ion-list>


  <ion-list>

    <ion-input inset>
      <icon search item-left></icon>
      <input value="Inset input inside a list" type="text">
      <button outline item-right>Search</button>
    </ion-input>

  </ion-list>


  <ion-card>

    <ion-input>
      <icon search item-left></icon>
      <input value="Input inside a card" type="text">
    </ion-input>

    <ion-input>
      <input value="Input inside a card" type="text">
      <icon mic item-right></icon>
    </ion-input>

  </ion-card>


</ion-content>