Input
Basic
View source
vue
<template>
<v-input v-model="value" placeholder="Input Text"></v-input>
<v-input v-model="value" type="password" placeholder="Input Password"></v-input>
<v-input v-model="value" type="number" placeholder="Input Number"></v-input>
</template>
<script setup lang="ts">
import { ref } from "vue-demi";
const value = ref("");
</script>
Size
View source
vue
<template>
<v-input v-model="value" placeholder="Input Something" size="small"></v-input>
<v-input v-model="value" placeholder="Input Something"></v-input>
<v-input v-model="value" placeholder="Input Something" size="large"></v-input>
</template>
<script setup lang="ts">
import { ref } from "vue-demi";
const value = ref("");
</script>
Textarea
View source
vue
<template>
<v-input v-model="value" type="textarea" placeholder="Input Textarea"></v-input>
<v-input v-model="value" type="textarea" :rows="3" placeholder="Input Textarea"></v-input>
</template>
<script setup lang="ts">
import { ref } from "vue-demi";
const value = ref("");
</script>
Props
| Name | Description | Type | Default |
|---|---|---|---|
| v-model | binding value | string|number | |
| size | input size | "small"|"default"|"large" | default |
| type | input type | string | text |
| placeholder | input placeholder | string | |
| rows | number of rows of textarea | number |