Custom field button color

I create a custom form field to record voice. How to change <x-filament::button> color when i click on it. This is my button code:

<div>
            <x-filament::button
                type="button"
                x-on:click="isRecording ? stopRecording() : startRecording()"
                x-text="isRecording ? 'Detener grabación' : 'Iniciar grabación'"
            ></x-filament::button>
        </div>

<div>
            <x-filament::button
                type="button"
                x-on:click="isRecording ? stopRecording() : startRecording()"
                x-text="isRecording ? 'Detener grabación' : 'Iniciar grabación'"
            ></x-filament::button>
        </div>

Thanks!

Lara Zeus•10/14/24, 12:11 PM

something like this:

XaviOP•10/14/24, 1:43 PM

Thanks @Lara Zeus, but it doesn't works. It throws Undefined constant "isRecording" error when i add color condition (isRecording works fine on "x-on:click and x-text")

Lara Zeus•10/14/24, 1:44 PM

what is ? is it a php thing or js?