Filament•2mo ago

Change filament button display/icon in alpinejs?

Is there a way of using Filament button to change the outline and icon after clicking? But without making a livewire request to the server

<div x-data="{ isReordering: false }">
    <x-filament::button
        icon="heroicon-o-arrows-up-down"
        size="xs"
        color="info"
        outlined
        x-on:click="isReordering = ! isReordering"
        x-bind:class="{ 'bg-primary-500 text-white': isReordering }"
    >
        Reorder
    </x-filament::button>
</div>

<div x-data="{ isReordering: false }">
    <x-filament::button
        icon="heroicon-o-arrows-up-down"
        size="xs"
        color="info"
        outlined
        x-on:click="isReordering = ! isReordering"
        x-bind:class="{ 'bg-primary-500 text-white': isReordering }"
    >
        Reorder
    </x-filament::button>
</div>

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Change filament button display/icon in alpinejs?