How to add class dynamically (.e.g with @error directive)?

[vahnmarty]

Using @error or $errors->has is not working on x-tel-input.

I used the error directive in both of the elements, the <p> works, but the x-tel-input is not working.

<x-tel-input
    id="phone-{{ $index }}"
    wire:model="phones.{{ $index }}.number"
    class="form-control {{ $errors->has('phones.'.$index.'.number') ? 'is-invalid' : 'is-valid' }}"
    phone-country-input="#phone_country_{{ $index }}"
/>/
<p>{{ $errors->has('phones.'.$index.'.number') ? 'is-invalid' : 'is-valid' }}</p>

[evokelektrique]

I don't think you can, because the input container is wrapped with a wire:ignore=""