COMPONENTS / NAVIGATION

Dropdown menus

Menus for row actions, profile links, and grouped commands.

approvedv1.0.0verifiedFigma not linked

Standards Figma mapping

Live previewUpdated 2026-10-09 · CSC Design System

Design variations

Actions

Profile

Grouped

Implementation

// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { DropdownMenu } from '@csc/ui';

export function Example() {
  return (
    <DropdownMenu variant="actions" />
  );
}

Agent prompt

Copy a prompt for this component from the AI Development Hub.

When to use it

Menus for row actions, profile links, and grouped commands.

Dependencies: @radix-ui/react-dropdown-menu. Source: packages/ui/src/dropdown.tsx. 1.0.0 — Action, profile, and grouped menus.