Support for placeholder text

[korshavn]

Hi. Would love if the select component could display a grey placeholder text..

In the picture above, the first input is a traditional Select (react-select). The second is with your library, and would prefer it. The others are just a free text and two date inputs.

I can see you have written "ignoring placeholder in SelectProps" in the doc. Is there a reason why?

Using together with redux-form :

` const renderReactSelectMaterialUIInput = (field) => { console.log("renderReactSelectMaterialUIInput", field); return <SingleSelect style={{width: "85%"}} SelectProps={{ placeholder: }} placeholder={} value={field.input.value} options={field.options} onChange={field.input.onChange} /> };

           ...

           <Field
              style={{width: "85%"}}
              name="conductor"
              component={renderReactSelectMaterialUIInput}
              value={this.state.selectedConductor}
              options={this.props.conductors}
              onChange={this.handleConductorChange}
            /><br/><br/>

`

Best regards, Leif John K.

[korshavn]

I will be using "selectrix" instead. Great work! :-)

[iulianraduat]

Feature request took into account :) I will check why I decided to ignore the placeholder and if it is possible I will add it. I will keep you posted 📬

[iulianraduat]

The placeholder was initially ignored as it can be overlapped by the label. Starting with version 1.2.1 you can use a placeholder as long as there is no label defined. To set the placeholder:

<SingleSelect
    style={{width: "85%"}}
    placeholder="--- your placeholder here ---"
    value={field.input.value}
    options={field.options}
    onChange={field.input.onChange}
/>

As you can see, you set it directly in the props of SingleSelect and not in SelectProps.placeholder Please check if it works as expected or it needs more improvements. Thanks.

[korshavn]

Thank you! It works. :-)

[iulianraduat]

I am happy that you are happy :smiley: