Karin API Docs / SelectProps

接口: SelectProps

定义于: packages/core/src/types/components/select.ts:6

下拉选择框

继承

• ComponentProps

属性

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/select.ts:17

颜色

---

componentClassName?

optional componentClassName: string

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

组件本身的className

继承自

ComponentProps.componentClassName

---

componentType

componentType: "select"

定义于: packages/core/src/types/components/select.ts:7

组件类型

重写了

ComponentProps.componentType

---

defaultValue?

optional defaultValue: string

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

默认值

---

description?

optional description: string

定义于: packages/core/src/types/components/select.ts:13

描述

重写了

ComponentProps.description

---

disableAnimation?

optional disableAnimation: boolean

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

禁用动画

---

disabledKeys?

optional disabledKeys: string[]

定义于: packages/core/src/types/components/select.ts:49

禁用的键

---

disableSelectorIconRotation?

optional disableSelectorIconRotation: boolean

定义于: packages/core/src/types/components/select.ts:57

禁用选择器图标旋转

---

endContent?

optional endContent: any

定义于: packages/core/src/types/components/select.ts:53

结束内容

---

errorMessage?

optional errorMessage: string

定义于: packages/core/src/types/components/select.ts:29

错误信息

---

isClearable?

optional isClearable: boolean

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

是否可清除

---

isDisabled?

optional isDisabled: boolean

定义于: packages/core/src/types/components/select.ts:31

是否禁用

---

isInvalid?

optional isInvalid: boolean

定义于: packages/core/src/types/components/select.ts:37

是否无效

---

isLoading?

optional isLoading: boolean

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

是否加载中

---

isOpen?

optional isOpen: boolean

定义于: packages/core/src/types/components/select.ts:45

是否打开

---

isReadOnly?

optional isReadOnly: boolean

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

是否只读

---

isRequired?

optional isRequired: boolean

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

是否必填

---

isVirtualized?

optional isVirtualized: boolean

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

是否虚拟化，默认true

---

itemHeight?

optional itemHeight: number

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

项目高度

---

items

items: SelectItem[]

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

下拉选项列表

---

key

key: string

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

唯一标识符

继承自

ComponentProps.key

---

label?

optional label: string

定义于: packages/core/src/types/components/select.ts:9

标签

---

labelPlacement?

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

定义于: packages/core/src/types/components/select.ts:23

标签位置

---

maxListboxHeight?

optional maxListboxHeight: number

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

最大列表框高度

---

placeholder?

optional placeholder: string

定义于: packages/core/src/types/components/select.ts:11

占位符

---

radius?

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

定义于: packages/core/src/types/components/select.ts:21

半径

---

renderValue()?

optional renderValue: (items) => any

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

自定义渲染值函数

参数

items

SelectItem[]

返回

any

---

scrollShadowProps?

optional scrollShadowProps: object

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

滚动阴影属性

hideScrollBar?

optional hideScrollBar: boolean

isEnabled?

optional isEnabled: boolean

offset?

optional offset: number

orientation?

optional orientation: "horizontal" | "vertical"

size?

optional size: number

---

selectionMode?

optional selectionMode: "single" | "multiple"

定义于: packages/core/src/types/components/select.ts:47

选择模式

---

selectorIcon?

optional selectorIcon: any

定义于: packages/core/src/types/components/select.ts:55

选择器图标

---

showScrollIndicators?

optional showScrollIndicators: boolean

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

显示滚动指示器

---

size?

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

定义于: packages/core/src/types/components/select.ts:15

大小

---

startContent?

optional startContent: any

定义于: packages/core/src/types/components/select.ts:51

开始内容

---

value?

optional value: string

定义于: packages/core/src/types/components/select.ts:27

值

---

variant?

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

定义于: packages/core/src/types/components/select.ts:19

变体