跳到主要内容

dropdown-select

<ai-portal.dropdown-select>

构件 ai-portal.dropdown-select

下拉选择器组件,提供选项列表供用户选择,支持搜索过滤功能。

Examples

Basic

基础用法,提供选项列表:

Playground

启用搜索功能:

Playground

Loading State

加载状态显示:

Playground

Custom Width

自定义标签和下拉框宽度:

Playground

With Disabled Options

包含禁用选项:

Playground

Complex Example

综合示例,包含所有功能:

Playground

Properties

NameDescriptionTypeDefaultRequired
valuestring
optionsDropdownOptions[]
labelMaxWidthstring | number
loadingboolean
searchPlaceholderstring
dropdownContentStyleReact.CSSProperties
dropdownMaxWidthstring | number "500px"
showSearch

是否展示搜索框

boolean

Events

NameDescriptionEvent Detail
changeDropdownOptions

Type references

DropdownOptions

NameDescriptionTypeDefaultRequired
labelstring
valuestring
disabledboolean
[key: string]unknown