基于vue的组件_基于Eva设计系统和Vue的精美输入组件

基于vue的组件

Vue.js的Eva输入 (Eva Input for Vue.js)

A beautiful input component based on Eva Design System and Vue.

基于Eva Design System和Vue的精美输入组件。

View Demo 查看演示 View Github 查看Github

安装 (Install)

$ npm install --save vue-eva-input

$ yarn add vue-eva-input

用法 (Usage)

import Vue from 'vue'
import VueEvaInput from 'vue-eva-input'

Vue.use(VueEvaInput)

道具 (Props)

props	type	default	Description
autocomplete	String	"off"
disabled	Boolean	false
focus-placeholder	String	"Typing..."	only shows when input is focused
placeholder	String	null
primary	Boolean	false	switch to "primary" theme
readonly	Boolean	false
status	String	null	"info", "warning", "danger", "success"
suffix-icon	String	null	see official website
tabindex	String	null
type	String	"text"
value	String / Number	null

道具	类型	默认	描述
自动完成	串	“关闭”
残障人士	布尔型	假
焦点占位符	串	“打字...”	仅在输入集中时显示
占位符	串	空值
主	布尔型	假	切换到“主要”主题
只读	布尔型	假
状态	串	空值	“信息”，“警告”，“危险”，“成功”
后缀图标	串	空值	见官方网站
标签索引	串	空值
类型	串	“文本”
值	字符串/数字	空值

翻译自: https://vuejsexamples.com/a-beautiful-input-component-based-on-eva-design-system-and-vue/

基于vue的组件