Extend toggalbility of user-menu?

Evening!

Just wondering if theres a way to extend what can triger the user-menu?

At the moment clicking the avatar toggles the user menu if i have the persons name I want the whole div its in to be togglable.

So at the moment its

<x-filament-panels::user-menu />

<x-filament-panels::user-menu />

I want to be able to do something like this

<div class='flex gap-2'>
                <x-filament-panels::user-menu />
                <div class='flex flex-col'>
                    <span class='text-gray-900 dark:text-gray-200'>{{ Auth()->user()->name }}</span>
                    <span class='text-gray-500 dark:text-gray-400 text-sm'>Hotel Owner</span>
                </div>
            </div>

<div class='flex gap-2'>
                <x-filament-panels::user-menu />
                <div class='flex flex-col'>
                    <span class='text-gray-900 dark:text-gray-200'>{{ Auth()->user()->name }}</span>
                    <span class='text-gray-500 dark:text-gray-400 text-sm'>Hotel Owner</span>
                </div>
            </div>

Where the whole

flex flex-col

flex flex-col

div would be toggleable if that makes sense? Can't seem to find anything to do it easily without making a whole component for it which i want to avoid!

Thanks in advance!

Filament•2y ago•

2 replies

Josh

Extend toggalbility of user-menu?

<x-filament-panels::user-menu />

<x-filament-panels::user-menu />

I want to be able to do something like this

<div class='flex gap-2'>
                <x-filament-panels::user-menu />
                <div class='flex flex-col'>
                    <span class='text-gray-900 dark:text-gray-200'>{{ Auth()->user()->name }}</span>
                    <span class='text-gray-500 dark:text-gray-400 text-sm'>Hotel Owner</span>
                </div>
            </div>

<div class='flex gap-2'>
                <x-filament-panels::user-menu />
                <div class='flex flex-col'>
                    <span class='text-gray-900 dark:text-gray-200'>{{ Auth()->user()->name }}</span>
                    <span class='text-gray-500 dark:text-gray-400 text-sm'>Hotel Owner</span>
                </div>
            </div>

Where the whole

flex flex-col

flex flex-col

div would be toggleable if that makes sense? Can't seem to find anything to do it easily without making a whole component for it which i want to avoid!

Thanks in advance!

Extend toggalbility of user-menu?

Similar Threads

Extend toggalbility of user-menu?

Similar Threads

Similar Threads

Similar Threads