2

I am looking for a way to replace the "Search..." default input string. Looking through the Blueprint Labs docs for the MultiSelect component (and example page) I am unable to find a way to set the rendered input's placeholder text. I had assumed it would work similar to the Suggest component but allowing for an inputProps pass thru, but that doesn't seem to work. Here's my sample code:

<MultiSelect inputProps={{placeholder: "Search for a country"}} ...otherProps />
simoes
  • 4,897
  • 4
  • 23
  • 28

1 Answers1

4

Use tagInputProps.

<MultiSelect
   tagInputProps={{ placeholder: 'Search for a country' }}
   itemRenderer={this.foo}
   tagRenderer={this.foo}
   items={[]}
   selectedItems={[]}
   onItemSelect={this.bar}
 />

Works as expected

enter image description here

Drew D.
  • 411
  • 3
  • 9
  • 1
    This does not provide an answer to the question. To critique or request clarification from an author, leave a comment below their post. - [From Review](/review/low-quality-posts/17668195) – Axel Oct 19 '17 at 00:11
  • Thanks for the feedback, I expanded my answer – Drew D. Oct 19 '17 at 00:15
  • BTW: `inputProps` for `Select` & `Suggest` – David Mar 16 '21 at 19:17