title: React-select default behaviour and custom looking
body: <p>I am very new in react and in react-select too. While trying to implement a custom looking component I read a lot of information, but it is not so user friendly IMHO.</p>
  
  <ol>
  <li>I want my react-select component to show selected data in a row. Now it shows them in columns, I attached the picture.</li>
  </ol>
  
  <p>BTW what is the purpose of name, label fields? What is the exact difference?  </p>
  
  <pre><code>&lt;Select
    defaultValue={[models[0], models[1]]}
    isMulti
    options={models}
    className="select-custom-class"
    name="form-field-name"
    options={models}
    placeholder="Model: "
  /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/FAAEk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FAAEk.png" alt="this is my current ugly react-select multi"></a></p>
  
  <ol start="2">
  <li>I want to do some "chips style" dropdown VIA react-select. Is it possible? What style options I have to specify to round the corners like on the picture? I also want to add some static text inside the chips to be shown always: for example (regarding the pic below) "City: $here_come_the_values"</li>
  </ol>
  
  <p><a href="https://i.stack.imgur.com/z0NCE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z0NCE.png" alt="this is what I want"></a></p>
  
  <p>Maybe I should use another react component? The ending purpose of those dropdowns are to make filtering to the table, so I want to link them with react-bootstrap-table2. </p>
  
  <p>Any help is appreciated! Thank you.</p>