Input 输入框

Input 输入框

何时使用

  • 需要用户输入单行文本时。

基础用法

当前输入：（空）

<script setup lang="ts">
import { ref } from "vue";
const value = ref("");
</script>

<template>
  <Input v-model="value" placeholder="请输入内容" />
  <Input placeholder="禁用状态" disabled />
</template>

导入

import { Input } from "@reglow/reui";

Props

属性类型默认值说明
modelValuestring-绑定值（v-model）
placeholderstring-占位文字
disabledbooleanfalse禁用
typestring"text"原生 input 类型

其余属性透传至原生 <input>。

Editor 富文本编辑器
基于 Tiptap 的富文本编辑器，支持 Markdown
InputSelect 输入选择器
既可以从预设选项中选择，也允许自由输入（按 Enter 确认），支持单选和多选，适用于标签输入、自定义值选择等场景。