I want to notify users when a field has an invalid value.

[dimohy]

Hi there

Is there a way to validate input values to highlight focus and borders if they are incorrect?

I want to achieve a result similar to the effect below.

[vnbaaij]

We will add this to the library for v3.0 final. As a workaround, add this somewhere in your CSS:

.invalid::part(root) {
    outline: 1px solid var(--error);
}

.invalid[role='checkbox']::part(control) {
    outline: 1px solid var(--error);
}

Will give you this:

[dimohy]

thanks!