@if (shouldShow() && message()) {
  <p
    [class]="customClass()"
    role="alert"
    aria-live="polite"
  >
    <i
      class="ri-error-warning-line me-1 align-middle"
      aria-hidden="true"
    ></i>

    {{ message() }}
  </p>
}