u

code/g3soft-libs/docs/examples/input/status.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+// status：把校验结果交给输入框表达（error 红边 / warning 黄边）
+import { ref } from 'vue'
+import { G3Input, G3Space } from '@g3soft/ui'
+
+const email = ref('not-an-email')
+const host = ref('localhost')
+</script>
+
+<template>
+  <G3Space direction="vertical" :size="12" style="display: flex; width: 280px">
+    <G3Input v-model="email" status="error" placeholder="邮箱格式不正确" />
+    <G3Input v-model="host" status="warning" placeholder="可能存在风险" />
+    <G3Input model-value="正常状态" />
+  </G3Space>
+</template>