Main Menu

Display a prominent and fully responsive main menu. Use the Divider component to create logical subgroups.

<x-mainMenu aria-labelledby="main-menu">
    <x-mainMenuItem href="/app/investor" icon="lucide-eye" label="Übersicht" current />
    <x-mainMenuItem href="/app/investor/strategien" icon="tabler-arrow-elbow-right" label="Strategien" />
    <x-mainMenuItem href="/app/investor/investitionen" icon="tabler-coins" label="Investitionen" />
    <x-mainMenuItem href="/app/investor/kontoverlauf" icon="lucide-arrow-up-down" label="Kontoverlauf" />
    <x-mainMenuItem href="/app/investor/profil" icon="tabler-user" label="Profil" />
    <x-mainMenuItem href="/app/investor/einstellungen" icon="lucide-cog" label="Einstellungen" />
    <x-divider />
    <x-mainMenuItem href="/" icon="lucide-log-out" label="Abmelden" />
</x-mainMenuItem>