using react-select as select only without option for entries

[dannyblv]

Hey, I'm trying to prevent the user from any type of entries inside the input, so react-select will be used as a simple html tag, I faced this issue while I was trying to search for solution /issues/758 but its mainly about auto-complete .. I want to prevent the use of typing anything at all (when opening the select), just a selection. and idea how can it be done ? thanks.

[cutterbl]

@Danny-weebo For future reference, questions like this are best left for StackOverflow, and don't really fall into the repo bug tracker. That said, what you're looking for is the isSearchable prop. If you set this to false, then the user will use your select like a standard select, without the ability to type and filter in the Control.

<Select {...otherProps} isSearchable={false} />

The API docs are really helpful here. It's a lot of information (it's a powerful component), but worth reading through.

[dannyblv]

yeah I missed this option, thanks again!

[vikjs]

@Danny-weebo For future reference, questions like this are best left for StackOverflow, and don't really fall into the repo bug tracker. That said, what you're looking for is the isSearchable prop. If you set this to false, then the user will use your select like a standard select, without the ability to type and filter in the Control.

<Select {...otherProps} isSearchable={false} />

The API docs are really helpful here. It's a lot of information (it's a powerful component), but worth reading through.

thank you!!!

[just-be-weird]

For me passing isSearchable didn't work, what worked was searchable . Here is the code snippet <Select {...otherProps} searchable={false} /> .. thanks!

[premraval-pr]

@Danny-weebo For future reference, questions like this are best left for StackOverflow, and don't really fall into the repo bug tracker. That said, what you're looking for is the isSearchable prop. If you set this to false, then the user will use your select like a standard select, without the ability to type and filter in the Control.

<Select {...otherProps} isSearchable={false} />

The API docs are really helpful here. It's a lot of information (it's a powerful component), but worth reading through.

Thank You, this was exactly what I needed 👍

[christinavarghese06]

@Danny-weebo For future reference, questions like this are best left for StackOverflow, and don't really fall into the repo bug tracker. That said, what you're looking for is the isSearchable prop. If you set this to false, then the user will use your select like a standard select, without the ability to type and filter in the Control.

<Select {...otherProps} isSearchable={false} />

The API docs are really helpful here. It's a lot of information (it's a powerful component), but worth reading through.

Thank you so much , wasted hours to resolve this issue. This really helped.