Input

基本

示例代码:

<template>
<Input v-model="msg" placeholder="Basic Usage" />
</template>

<script setup>
import { ref } from "vue";
import { Input } from "salix-ui";

let msg = ref('');
</script>

密码框

示例代码:

<template>
<Input v-model="passwd" placeholder="Input Password" type="password" />
</template>

<script setup>
import { ref } from "vue";
import { Input } from "salix-ui";

let passwd = ref('');
</script>

禁用状态

示例代码:

<template>
<Input placeholder="Disabled Input" :disabled="disabled" />
</template>

<script setup>
import { ref } from "vue";
import { Input } from "salix-ui";

let disabled = ref(true);
</script>