# User menu

Your account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.

- ID: `user-menu`
- Import: `animui/user-menu`
- Category: Actions
- Runtime exports: `PresenceDot`, `UserMenu`, `default`, `userStatuses`
- Declaration: `types/free/components/user-menu.d.ts`
- Type provenance: emitted-original-typescript
- Related: dropdown-menu, avatar, theme-switch, workspace-sidebar

```tsx
import { PresenceDot } from 'animui/user-menu';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info user-menu` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { PresenceDot, UserMenu, default, userStatuses } from '../registry/components/user-menu/user-menu.js';
export type { ThemePreference, UserMenuItem, UserMenuProps, UserMenuUser, UserStatus } from '../registry/components/user-menu/user-menu.js';
```