Karin API Docs / InputProps

接口: InputProps

定义于: packages/core/src/types/components/input.ts:24

输入框类型

继承

• ComponentProps

属性

autoComplete?

optional autoComplete: string

定义于: packages/core/src/types/components/input.ts:107

自动补全

---

className?

optional className: string

定义于: packages/core/src/types/components/base.ts:41

每个渲染的组件都包裹了一个div，这里可以自定义这个div的className

继承自

ComponentProps.className

---

color?

optional color: "default" | "success" | "primary" | "secondary" | "warning" | "danger"

定义于: packages/core/src/types/components/input.ts:43

颜色

• default: 默认
• primary: 主色
• secondary: 次色
• success: 成功
• warning: 警告
• danger: 危险

---

componentClassName?

optional componentClassName: string

定义于: packages/core/src/types/components/base.ts:43

组件本身的className

继承自

ComponentProps.componentClassName

---

componentType

componentType: "input"

定义于: packages/core/src/types/components/input.ts:25

组件类型

重写了

ComponentProps.componentType

---

defaultValue?

optional defaultValue: string

定义于: packages/core/src/types/components/input.ts:65

默认值

---

description?

optional description: string

定义于: packages/core/src/types/components/base.ts:39

描述

继承自

ComponentProps.description

---

disableAnimation?

optional disableAnimation: boolean

定义于: packages/core/src/types/components/input.ts:99

禁用动画

---

endContent?

optional endContent: string

定义于: packages/core/src/types/components/input.ts:83

结束内容

---

errorMessage?

optional errorMessage: string

定义于: packages/core/src/types/components/input.ts:69

错误信息

---

fullWidth?

optional fullWidth: boolean

定义于: packages/core/src/types/components/input.ts:87

是否全宽

---

height?

optional height: string

定义于: packages/core/src/types/components/input.ts:105

自定义字段 输入框高度

---

isClearable?

optional isClearable: boolean

定义于: packages/core/src/types/components/input.ts:89

是否可清除

---

isDisabled?

optional isDisabled: boolean

定义于: packages/core/src/types/components/input.ts:95

是否禁用

---

isInvalid?

optional isInvalid: boolean

定义于: packages/core/src/types/components/input.ts:97

是否无效

---

isReadOnly?

optional isReadOnly: boolean

定义于: packages/core/src/types/components/input.ts:93

是否只读

---

isRequired?

optional isRequired: boolean

定义于: packages/core/src/types/components/input.ts:91

是否必填

---

key

key: string

定义于: packages/core/src/types/components/base.ts:35

唯一标识符

继承自

ComponentProps.key

---

label?

optional label: string

定义于: packages/core/src/types/components/input.ts:61

标签

---

labelPlacement?

optional labelPlacement: "inside" | "outside" | "outside-left" | "outside-top"

定义于: packages/core/src/types/components/input.ts:85

标签位置

---

maxLength?

optional maxLength: number

定义于: packages/core/src/types/components/input.ts:75

最大长度

---

minLength?

optional minLength: number

定义于: packages/core/src/types/components/input.ts:73

最小长度

---

pattern?

optional pattern: string

定义于: packages/core/src/types/components/input.ts:77

模式

---

placeholder?

optional placeholder: string

定义于: packages/core/src/types/components/input.ts:67

提示信息

---

radius?

optional radius: "none" | "sm" | "md" | "lg" | "full"

定义于: packages/core/src/types/components/input.ts:59

圆角

• none: 无
• sm: 小
• md: 中
• lg: 大
• full: 全

---

rules?

optional rules: ValidationRule[]

定义于: packages/core/src/types/components/input.ts:101

自定义字段 验证规则

---

size?

optional size: "sm" | "md" | "lg"

定义于: packages/core/src/types/components/input.ts:50

大小

• sm: 小
• md: 中
• lg: 大

---

startContent?

optional startContent: string

定义于: packages/core/src/types/components/input.ts:81

开始内容

---

type?

optional type: "number" | "text" | "file" | "email" | "url" | "password" | "tel" | "search"

定义于: packages/core/src/types/components/input.ts:79

类型

---

validationBehavior?

optional validationBehavior: "native" | "aria"

定义于: packages/core/src/types/components/input.ts:71

验证行为

---

value?

optional value: string

定义于: packages/core/src/types/components/input.ts:63

值

---

variant?

optional variant: "flat" | "bordered" | "underlined" | "faded"

定义于: packages/core/src/types/components/input.ts:33

输入框的样式

• flat: 扁平化
• bordered: 带边框
• underlined: 带下划线
• faded: 渐入

---

width?

optional width: string

定义于: packages/core/src/types/components/input.ts:103

自定义字段 输入框宽度