Skip to content

Latest commit

 

History

History
40 lines (37 loc) · 921 Bytes

vue.md

File metadata and controls

40 lines (37 loc) · 921 Bytes
<template>
  <ion-list>
    <ion-item>
      <ion-input
        label="Input with clear button"
        label-placement="stacked"
        :clear-input="true"
        placeholder="Enter text to see clear button"
        value="Default value"
      >
      </ion-input>
    </ion-item>

    <ion-item>
      <ion-input
        label="Input with clear on edit"
        label-placement="stacked"
        :clear-on-edit="true"
        placeholder="Enter text, leave the input, come back and type to clear"
      >
      </ion-input>
    </ion-item>

    <ion-item>
      <ion-input
        label="Password input"
        label-placement="stacked"
        type="password"
        placeholder="Enter text, leave the input, come back and type to clear"
      >
      </ion-input>
    </ion-item>
  </ion-list>
</template>

<script lang="ts" setup>
  import { IonInput, IonItem, IonList } from '@ionic/vue';
</script>