Dropdown Menu

Import

import {
  Menu,
  MenuTrigger,
  MenuPopup,
  MenuGroup,
  MenuGroupLabel,
  MenuItem,
  MenuSeparator,
  MenuShortcut,
} from "@countryclub/ui-react";

Default

Checkbox & Radio Items

Submenus

Button Simple

A button trigger with icon items and keyboard shortcuts.

Button Advanced

An account header, grouped items and a switch item for inline preferences.

Button Link

Trigger the menu from a link-style button.

Icon Simple

An icon-only trigger for row and card actions.

Icon Advanced

Grouped actions with a Share submenu.

Search Simple

A Popover + Command dropdown that filters items as you type.

Search Advanced

Searchable member picker with avatars, status dots and a selected check.

Integrations

Rich items with icon tiles, supporting text and connection badges.

Account Button

A full account button trigger with an account-switcher menu.

Avatar

A bare avatar trigger with a profile menu.

Account Card (xs)

A compact avatar-and-chevron pill trigger.

Account Card (sm)

An avatar-and-name card trigger.

Account Card (md)

A sidebar-style account card with a radio account switcher — the popup matches the trigger width.

Account Breadcrumb

A breadcrumb whose last segment is a member-switcher dropdown.