1 variant

Action Menu

Name: easeUI Pro
Price: 99.00 USD

A dropdown menu with icons, shortcuts, toggles, and destructive actions.

usage.tsx

import { Settings, User } from "lucide-react";
import {
  ActionMenu,
  ActionMenuContent,
  ActionMenuItem,
  ActionMenuTrigger,
} from "@/components/registry/action-menu";

export function AccountMenu() {
  return (
    <ActionMenu>
      <ActionMenuTrigger aria-label="Open menu">⋯</ActionMenuTrigger>
      <ActionMenuContent>
        <ActionMenuItem icon={<User className="h-4 w-4" />}>Profile</ActionMenuItem>
        <ActionMenuItem icon={<Settings className="h-4 w-4" />} shortcut="⌘,">
          Settings
        </ActionMenuItem>
      </ActionMenuContent>
    </ActionMenu>
  );
}

"use client";

import { Check } from "lucide-react";
import { motion, useReducedMotion } from "motion/react";
import {
  type ButtonHTMLAttributes,
  createContext,
  type KeyboardEvent,
  type ReactNode,
  type RefObject,
  useCallback,
  useContext,

317 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/action-menu