multi-select

A controlled searchable multi-select component without any dependency. Native HTML5 multi-select implementation made for React.

Install

yarn add @nocyoung/multi-select

Usage

import MultiSelect from '@nocyoung/multi-select';
<MultiSelect
    options={options}
    value={values}
    onChange={onChange}
    onSearch={onSearch}
    maxCount={maxCount}
    disabled={disabled}
    reset={reset}
    loading={fetching}
    tipsText="暂无数据"
/>

options：可选择的选项，示例：[{id: '1', name: '选项1'}]

value: 初始值, 示例：['1', '2']

onChange: 值发生变化时调用,传参示例：[{id: '1', name: '选项1'}, {id: '2', name: '选项2'}]

maxCount：可选择的最多选项数

onSearch: 搜索时调用, 传参示例：'选项1'

disabled： 是否禁用，

reset：重置时调用，无需传参

loading: 是否正在加载中，

tipsText： 无数据时的提示文字