Make create option always visible, even when not writing. Any idea on how to implement?

[AndreaEsposit]

I am attempting to ensure that the 'Create 'X'' option remains visible at all times, even when the user hasn't entered any value. The goal is to provide a clear indication to the user that they can create. If achieving this isn't possible, how would you do it?

[manjushsh]

Hi @AndreaEsposit , it is possible to achieve this with isValidNewOption props.
You can check it on this code sandbox

If you need 'Create "x" ' all time, even when empty, just pass isValidNewOption={(input) => () => true} which will show up like image attached below.

Sample Code to show Create text once user enters anything in input:

<CreatableSelect
        isClearable
        isValidNewOption={(input) => input?.length}    // For always show:   () => true     For always hide: () => false
        // menuIsOpen
        isDisabled={isLoading}
        isLoading={isLoading}
        onChange={(newValue) => setValue(newValue)}
        onCreateOption={handleCreate}
        value={value}
        options={options}
      />

[AndreaEsposit]

Thank you for the help :)