# Shadcn Theme & Status

> User profile dropdown menu with theme toggle and status selector

- Type: example, free and open source (MIT)
- Component: [Dropdown Menu](https://reui.io/components/dropdown-menu.md)
- Page: https://reui.io/components/dropdown-menu/c-dropdown-menu-14
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/dropdown-menu.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/dropdown-menu.md
- MCP: `get_example("c-dropdown-menu-14")`
- Registry item: https://reui.io/r/styles/base-nova/c-dropdown-menu-14.json
- Uses: Avatar, Badge, Button, Dropdown Menu, Tabs

## Best for

An account popover with an icon Tabs theme switch, count badges and a presence status flyout with colored dots

## Agent notes

- `theme` only drives the `Tabs` here; pass it to your theme provider so light, dark and system take effect
- `onSelect` with `preventDefault` keeps the popup open on radix only; on the base twin set closeOnClick to false instead
- Each theme `TabsTrigger` holds only an icon, so give it an accessible name such as Light, Dark or System

## When not to use

- A plain account list with an email header and no theme or status controls: use [User Profile](https://reui.io/components/dropdown-menu/c-dropdown-menu-9.md) (`get_example("c-dropdown-menu-9")`)

## Install

```bash
npx shadcn@latest add @reui/c-dropdown-menu-14
```

## About Shadcn Dropdown Menu

### When to use

- Action and overflow menus on a button or a dots icon, such as edit, duplicate, share, export and delete
- Account, workspace and create menus showing the signed in user, workspace switching and sign out
- Toggles, exclusive choices and short lists, such as panel layout, theme, AI models or recent alerts

### When not to use

- Actions opened by right clicking or long pressing a surface, with no button to press: use [Context Menu](https://reui.io/components/context-menu.md) (`get_component("context-menu")`)
- A whole top bar with search, alerts, switchers and the user dropdown already placed: use the [Navbar blocks](https://reui.io/blocks/application/navbar.md)
- The account settings page an avatar link opens, with identity, team and billing forms: use the [Profile blocks](https://reui.io/blocks/application/profile.md)

### Agent notes

- `DropdownMenuLabel` throws on the base twin unless it sits inside a `DropdownMenuGroup` or `DropdownMenuRadioGroup`
- On the base twin run an item's action from `onClick`; `onSelect` is a Radix item event that Base UI never fires
- Pass the trigger element through `render` on the base twin and as the `asChild` child on radix; the prop meant for the other twin does nothing

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.