title: How to customize Autocomplete tag - Material UI
body: <p>I'm using autocomplete of material ui and this is what default tag looks like</p>
  
  <p><a href="https://i.stack.imgur.com/PKorz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/PKorz.png" alt="enter image description here"></a></p>
  
  <p>I want to customize tag like this.</p>
  
  <p><a href="https://i.stack.imgur.com/DLY1w.png" rel="noreferrer"><img src="https://i.stack.imgur.com/DLY1w.png" alt="enter image description here"></a></p>
  
  <p>How can i do that? Thank you.</p>
  
  <pre><code>            &lt;Autocomplete
                disableCloseOnSelect={true}
                multiple
                options={this.options}
                getOptionLabel={options =&gt; options.title}
                value={this.state.value}
                onChange={(e, techs) =&gt; {
                  this.newValue(techs);
                }}
                renderInput={params =&gt; (
                  &lt;TextField
                    {...params}
                    variant="outlined"
                    placeholder={Technology}
                    fullWidth
                  /&gt;
                )}
              &gt;&lt;/Autocomplete&gt;
  </code></pre>