Outlined text field example

<div id="outlined-example" class="mdc-text-field mdc-text-field--outlined">
  <input type="text" id="tf-outlined-input" class="mdc-text-field__input"
         aria-controls="name-validation-message"
         aria-describedby="name-validation-message">
  <label for="outlined-input" class="mdc-floating-label">Your Name</label>
  <div class="mdc-notched-outline">
    <svg>
      <path class="mdc-notched-outline__path"/>
    </svg>
  </div>
  <div class="mdc-notched-outline__idle"></div>
</div>