# UserMenuContent

> The account menu: who is signed in, their settings, and sign out.

- **Level**: molecule · **Status**: stable · **Role**: navigation
- **Import**: `import { UserMenuContent } from "@rrios-forge/ui/molecules/user-menu-content";`
- **Source**: `packages/ui/src/molecules/user-menu-content`

Drop-in content for a DropdownMenu / Popover. Identity header (avatar + name + email + plan) + body slot for menu items + optional footer. The molecule never renders a DropdownMenu itself — the consumer owns the trigger. The Playground / WithPlan / WithDangerAction stories render the molecule outside a DropdownMenu and use a plain Row for items so the snapshot is portal-free; the InDropdownMenu story is the canonical wiring.

## Stories

- [Ada Lovelace](/?path=/story/components-molecules-usermenucontent--playground) · frame: `/iframe.html?id=components-molecules-usermenucontent--playground&viewMode=story`
- [With plan](/?path=/story/components-molecules-usermenucontent--with-plan) · frame: `/iframe.html?id=components-molecules-usermenucontent--with-plan&viewMode=story`
- [In dropdown menu](/?path=/story/components-molecules-usermenucontent--in-dropdown-menu) · frame: `/iframe.html?id=components-molecules-usermenucontent--in-dropdown-menu&viewMode=story`
- [With danger action](/?path=/story/components-molecules-usermenucontent--with-danger-action) · frame: `/iframe.html?id=components-molecules-usermenucontent--with-danger-action&viewMode=story`

## Always

- Tokens only (R04); variants are semantic axes, never appearance (R02).
- Typography and actions are Poesía atoms, never raw HTML with utilities.
- Vibrant panes need a ground and never nest (ADR-027).