Disable options about react-picky

[Aidurber]

Hi @karankumar89

I would use the render prop to render custom list items then disable them as needed. On your array of items you can add a disabled property and reference that:

 <Picky 
  {...restOfYourProps}
  render={({
    style,
    isSelected,
    item,
    selectValue,
    labelKey,
    valueKey,
    multiple
  }) => {
    const cssClass = classNames({ disabled: item.disabled, selected: isSelected })
    return (
      <li
        style={style} // required
        className={cssClass} // required to indicate is selected
        key={item[valueKey]} // required
        onClick={() => selectValue(item)}
      >
        {/* required to select item */}
        <input type="checkbox" checked={isSelected} readOnly disabled={item.disabled} />
        <span style={{ fontSize: '30px' }}>{item[labelKey]}</span>
      </li>
    );
  }}
/>

The example uses: https://www.npmjs.com/package/classnames

I've not tested the above code but it should put you on the right track. I hope this helps 👍