Filament•4mo ago

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

LeandroFerreira•4mo ago

hum.. maybe using the render hook? https://filamentphp.com/docs/3.x/support/render-hooks#registering-render-hooks

Render hooks - Core Concepts - Filament

Gaming

Programming

Extend toggalbility of user-menu?