Possible to disable some options in selector component but still display them?

The Selector component lets us show different options to a user where they can choose one of them. Works great.

We have a situation where we would like to show a user all the options of a selector, but have some of them be un-selectable (quasi-disabled) because they require the user to be in a certain state (lets say for example they have to be upgraded to a paid plan).

Is it possible to configure a selector in this way, where All options “A,B,C,D” are shown to the user but only some options “A,B” are selectable? If so, how would we go about implementing this?

Hello @Alex_Klein,

I have checked the component’s logic and unfortunately don’t see a way to disable options for now.
But we can add this feature, so I created an internal ticket based on your request.
Will keep you updated here.

Regards,
Stanislaw

Hi @Alex_Klein

We’ve just updated cloud servers with a fix for the issue you described above. Could you kindly let us know whether a fix works for you?

Regards,
Bohdan

Hi @Bohdan_Vynarchuk sounds great… but could you show an example/screenshot of how & where the logic can be manipulated so some of the options of a selector are disabled?

Hi @Alex_Klein

There are a couple of ways to configure this functionality:

  1. Setting for Select component → Options

  2. Logic for Select component → Handlers

  3. Logic for any component → UI Library → Blocks from Select

Regards,
Bohdan