Как добавить CSS в MDCTextFieldHelperText

Question

Я использую MDC и у меня есть вопрос, связанный с MDCTextField. У меня есть элемент ввода с постоянно показанным вспомогательным текстом:

<div class="mdc-text-field">
  <input type="text" id="username" class="mdc-text-field__input"
         aria-controls="username-helper-text"
         aria-describedby="username-helper-text">
  <label for="username" class="mdc-floating-label">Username</label>
  <div class="mdc-line-ripple"></div>
</div>
<div class="mdc-text-field-helper-line">
  <div id="username-helper-text" class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent" aria-hidden="true">
    This will be displayed on your public profile
  </div>
</div>

похоже на показанное здесь: https://material.io/develop/web/components/input-controls/text-field/helper-text/

Мне нужно добавить собственный класс CSS к вспомогательному тексту. В документации сказано, что я могу использовать MDCTextFieldHelperTextAdapter и метод addClass. Это именно то, где я потерялся. Пожалуйста, приведите пример того, как это можно сделать.

Заранее спасибо.