Dropdown close when click away

<div
    x-data="{ isCollapsed: true }"
>
    <div
        x-on:click="isCollapsed = ! isCollapsed"
        class="flex gap-2"
    >
        <x-filament::dropdown>
            <x-slot name="trigger">
                <x-filament::icon-button
                    x-on:click.stop="toggle"
                    x-on:click.away="close"
                    type="button"
                    icon="heroicon-o-book-open"
                    color="primary"
                />
            </x-slot>
            Example
        </x-filament::dropdown>

        <x-filament::dropdown>
            <x-slot name="trigger">
                <x-filament::icon-button
                    x-on:click.stop="toggle"
                    x-on:click.away="close"
                    type="button"
                    icon="heroicon-o-cog"
                    color="secondary"
                />
            </x-slot>
            Example2
        </x-filament::dropdown>
    </div>
    <div x-show="! isCollapsed">collapsed</div>
</div>