1.0.9 • Published 2 years ago
@nocyoung/multi-select v1.0.9
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: 无数据时的提示文字