Error / Caution / Success states

By wrapping <label> and input form elements in a wrapper called .p-form-validation, you can then dynamically add state classes to indicate form field validation states.

  • .is-success
  • .is-caution
  • .is-error

View examples of form validation patterns