Material-ui: Multiselect for SelectField and AutoComplete

[igorpreston]

Hello,

I am utilizing select fields and auto complete a lot in my app and I'd like to know if there are plans for adding multi-select for these fields. I think multi-select is widely required feature that a lot of developers can benefit from.

Thanks!

[oliviertassinari]

I think that it would be a good feature. As far as I have think about it, it should many require to change the SelectField component.
For the AutoComplete what do you want to achieve something like https://www.google.com/design/spec/components/chips.html#chips-behavior?
Hence, I think that we should create a new component.

[newoga]

Should we just consider expanding the current AutoComplete implementation to be a select field that can have one or several values?

To support chips, we could possibly expose a prop that accepts a function that customizes the rendering of the values, such as the valueRenderer prop in the react-select component.

For example, the code below would show each value as a chip with an avatar as the first letter of the display name kind of like this -> (J) John Smith )

<AutoComplete valueRenderer={(value) => {
  return <Chip avatar={<Avatar>{value.displayName[0]}}</Avatar>}>
    {value.displayName}
  </Chip>
}} { ...otherProps} />

If a custom valueRenderer is not provided, we can use a default implementation that displays the value the way it currently does.

[oliviertassinari]

I like the idea of a valueRenderer.

[FranBran]

+1
is there any progress?

i would love to see a component like the one from MaterializeCSS:

[injune1123]

+1
I wish there is something like React-Select

[tintin1343]

Closing this as its a duplicate of https://github.com/callemall/material-ui/issues/1956