Augma UI

Input 输入框

输入文本框

Code 代码
<template>
  <form class="grid gap-4">
    <agm-input v-model="input" placeholder="请输入内容" />
    <agm-input
      v-model="input"
      :disabled="true"
      placeholder="禁用状态"
    />
    <agm-input v-model="input" placeholder="可清空" clearable>
      <!-- <template #suffix> s </template> -->
    </agm-input>
    <agm-input v-model="input" placeholder="密码框" show-password />
  </form>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import AgmInput from './src/index.vue'

const input = ref('')
</script>

API

参数说明类型可选值默认值
disabled禁用booleantruefalsefalse
clearable可清除booleantruefalsefalse
show-password密码框booleantruefalsefalse