var Component=(()=>{var p=Object.create;var i=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var h=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),l=(n,e)=>{for(var o in e)i(n,o,{get:e[o],enumerable:!0})},s=(n,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of g(e))!M.call(n,r)&&r!==o&&i(n,r,{get:()=>e[r],enumerable:!(a=C(e,r))||a.enumerable});return n};var f=(n,e,o)=>(o=n!=null?p(d(n)):{},s(e||!n||!n.__esModule?i(o,"default",{value:n,enumerable:!0}):o,n)),I=n=>s(i({},"__esModule",{value:!0}),n);var c=h((b,u)=>{u.exports=_jsx_runtime});var j={};l(j,{default:()=>m,frontmatter:()=>k});var t=f(c()),k={id:"context-menu",title:"Context Menu",description:"A list of options that appears when a user interacts right-clicking on a trigger element."};function x(n){let e={code:"code",h2:"h2",pre:"pre",...n.components},{ComponentLinks:o}=e;return o||_("ComponentLinks",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(o,{github:{package:"saas-ui-core"},npm:{package:"@saas-ui/core"}}),` `,(0,t.jsx)(e.h2,{id:"import",children:"Import"}),` `,(0,t.jsx)(e.pre,{children:(0,t.jsx)(e.code,{className:"language-ts",children:`import { ContextMenu, ContextMenuTrigger, ContextMenuList, ContextMenuItem, } from '@saas-ui/react' `})}),` `,(0,t.jsx)(e.h2,{id:"usage",children:"Usage"}),` `,(0,t.jsx)(e.pre,{children:(0,t.jsx)(e.code,{className:"language-jsx",inline:"true",children:`import { Center } from '@chakra-ui/react' import { ContextMenu, ContextMenuTrigger, ContextMenuList, ContextMenuItem, } from '@saas-ui/react' export default function Page() { return ( Right click here Edit Copy Delete ) } `})})]})}function m(n={}){let{wrapper:e}=n.components||{};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(x,{...n})}):x(n)}function _(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return I(j);})(); ;return Component;

Context Menu

Import#

Usage#