Form Validation

Validation States with Tooltips (Template Driven Form)

Use form.needs-validation and swap .{valid/invalid}-feedback with .{valid/invalid}-tooltip to display validation feedback in a styled tooltip.

Validation States with Tooltips (Reactive Form)

Use form.needs-validation and swap .{valid/invalid}-feedback with .{valid/invalid}-tooltip to display validation feedback in a styled tooltip.

Custom Validations

required error
required error
required error
notEqualTo error