F
Filamentβ€’3mo ago
Josh

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 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!
1 Reply