"use client";import { ContextMenu } from "@base-ui/react/context-menu";import { AnimatePresence, motion } from "motion/react";import * as React from "react";export default function ExampleContextMenu() { const [open, setOpen] = React.useState(false); return ( Right click here {open && ( } className="py-1 bg-white bc-silver-2 c-slate-10 bw-1 br-2 bs-o-lg" > `d-f py-2 pr-8 pl-4 fs-sm us-none c-p br-1 mx-1 ${ state.highlighted ? "bg-silver-1" : "h:bg-silver-1" }` } > Cut `d-f py-2 pr-8 pl-4 fs-sm us-none c-p br-1 mx-1 ${ state.highlighted ? "bg-silver-1" : "h:bg-silver-1" }` } > Copy `d-f py-2 pr-8 pl-4 fs-sm us-none c-p br-1 mx-1 ${ state.highlighted ? "bg-silver-1" : "h:bg-silver-1" }` } > Paste `d-f py-2 pr-8 pl-4 fs-sm us-none c-p br-1 mx-1 ${ state.highlighted ? "bg-silver-1" : "h:bg-silver-1" }` } > Select all `d-f py-2 pr-8 pl-4 fs-sm us-none c-p br-1 mx-1 ${ state.highlighted ? "bg-silver-1" : "h:bg-silver-1" }` } > Undo `d-f py-2 pr-8 pl-4 fs-sm us-none c-p c-red br-1 mx-1 ${ state.highlighted ? "bg-red-1" : "h:bg-red-1" }` } > Delete )} );}

Context Menu

Installation

Examples

Base

API Reference