l-hex-select v1.0.19

下拉选择组件

功能点

• 支持表格里面展示，溢出隐藏处理,可以定义最大宽高
• 多选、单选
• 在可选中项目搜索

参数

• options 下拉选项数据
• value 默认选中项
• isDisabled 是否禁用
• isMulti 是否支持多选,默认ture
• isSearchable 是否支持搜索过滤,默认ture
• onChange 回调方法
• className 自定义类
• placeholder 提示为文案
• noOptionsMessage 没有可选时提示文案
• loadOptions 异步获取下拉项目数据

示例

const options = [
    { value: 'chocolate', label: 'Chocolate' },
    { value: 'strawberry', label: 'Strawberry' },
    { value: 'vanilla', label: 'Vanilla' },
    { value: 'Apples', label: 'Apples' },
    { value: 'Nails', label: 'Nails' },
    { value: 'Bananas', label: 'Bananas' },
    { value: 'Helicopters', label: 'Helicopters' }
  ]
  <HexSelect width="200" height="40" options={options} defaultValue={['vanilla', 'chocolate']} />