Search code examples
reactjsreact-bootstrap

React select multiple true- comma separated value display

Is it possible to get the display of selected values as comma separated.. instead of the box with cross sign 

import Select from 'react-select'

<Select
  name=''
  styles={customStyles}
  isClearable
  isMulti
/>
Solution

  • According to the React-Select docs, you can change the styles of the individual selected items.

    But, they render as boxes with x buttons on them so that the user can choose to de-select any of the selected items.

    I would suggest playing with the React-Select styles like this:

    <Select
  styles={customStyles}
/>