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

Cisco Momentum UI Framework for React Collaboration Applications

<div class="md-input-container small-12 columns md-warning">
  <label class="md-label md-input__label" for="inputWarning1">
    <span>Warning</span>
  </label>
  <div class="md-input__wrapper">
    <input
      class="md-input md-active md-dirty"
      tabindex="0"
      type="text"
      id="inputWarning1"
      name="inputWarning1"
      value="Warning Text"
    />
  </div>
  <div class="md-input__messages">
    <div class="md-input__message" role="alert">This is where the warning message would be.</div>
  </div>
</div>