* Renders the helper text or error text values
()
| 665 | * Renders the helper text or error text values |
| 666 | */ |
| 667 | private renderHintText() { |
| 668 | const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this; |
| 669 | |
| 670 | return [ |
| 671 | <div id={helperTextId} class="helper-text" aria-live="polite"> |
| 672 | {!isInvalid ? helperText : null} |
| 673 | </div>, |
| 674 | <div id={errorTextId} class="error-text" role="alert"> |
| 675 | {isInvalid ? errorText : null} |
| 676 | </div>, |
| 677 | ]; |
| 678 | } |
| 679 | |
| 680 | private getHintTextID(): string | undefined { |
| 681 | const { isInvalid, helperText, errorText, helperTextId, errorTextId } = this; |