FilamentF
Filament•3y ago
3rgo

Custom widget collapsible section does not work

I'm building a custom widget to display in a form header, and I'm using the x-filament::section helper from the core documentation (https://filamentphp.com/docs/3.x/support/blade-components/section), and the collapsibleflag does not seem to work, I get the following AlpineJS error :
Alpine Expression Error: isCollapsed is not defined

Expression: "{ 'invisible h-0 border-none': isCollapsed }"

Here is my code, I didn't do anything too fancy yet :
<x-filament-widgets::widget>
    <x-filament::section icon="fas-calendar-check" collapsible>
        <x-slot name="heading">
            {{ __('attributes.attributions') }}
        </x-slot>

        {{-- Content --}}
        Test
    </x-filament::section>
</x-filament-widgets::widget>


When I check the HTML code, the x-data directive is present on the section root element with the boolean in it, I don't know what went wrong
Everything is up to date on Composer and NPM (did the v3 upgrade earlier today)
Installation - Panel Builder - Filament
Was this page helpful?