@momentum-ui/react-collaboration/scss/components/input-search/examples/pill.html

Cisco Momentum UI Framework for React Collaboration Applications

<div class="md-input-container medium-6 columns md-search-input">
  <label class="md-label md-input__label" for="pillSearchInput">
    <span>Pill Search Input</span>
  </label>
  <div class="md-input__wrapper">
    <span class="md-input__before">
      <i
        class="md-icon icon icon-search_20 md-search-input__icon"
        style="font-size: 20px;"
      ></i>
    </span>
    <input
      class="md-input md-input--pill md-input--before md-active"
      tabindex="0"
      type="text"
      id="pillSearchInput"
      name="pillSearchInput"
      value=""
    />
  </div>
</div>