var Component=(()=>{var a=Object.create;var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var h=(e,n)=>()=>(n||e((n={exports:{}}).exports,n),n.exports),g=(e,n)=>{for(var s in n)i(e,s,{get:n[s],enumerable:!0})},c=(e,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of m(n))!M.call(e,r)&&r!==s&&i(e,r,{get:()=>n[r],enumerable:!(o=d(n,r))||o.enumerable});return e};var f=(e,n,s)=>(s=e!=null?a(l(e)):{},c(n||!e||!e.__esModule?i(s,"default",{value:e,enumerable:!0}):s,e)),x=e=>c(i({},"__esModule",{value:!0}),e);var p=h((y,u)=>{u.exports=_jsx_runtime});var b={};g(b,{default:()=>R,frontmatter:()=>j});var t=f(p()),j={title:"ResponsiveMenu",description:"A mobile friendly Menu component."};function v(e={}){let{wrapper:n}=e.components||{};return n?(0,t.jsx)(n,Object.assign({},e,{children:(0,t.jsx)(s,{})})):s();function s(){let o=Object.assign({h2:"h2",pre:"pre",code:"code",p:"p"},e.components),{ComponentLinks:r}=o;return r||_("ComponentLinks",!0),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(r,{pro:{gumroad:!0}}),` `,(0,t.jsx)(o.h2,{id:"import",children:"Import"}),` `,(0,t.jsx)(o.pre,{children:(0,t.jsx)(o.code,{className:"language-ts",children:`import { ResponsiveMenu, ResponsiveMenuList } from '@saas-ui/pro' `})}),` `,(0,t.jsx)(o.h2,{id:"usage",children:"Usage"}),` `,(0,t.jsxs)(o.p,{children:["ResponsiveMenu renders a ",(0,t.jsx)(o.code,{children:"Menu"})," by default and switches to a ",(0,t.jsx)(o.code,{children:"MenuDialog"})," on smaller screens."]}),` `,(0,t.jsx)(o.pre,{children:(0,t.jsx)(o.code,{className:"language-jsx",children:` Open menu Edit Delete `})})]})}}var R=v;function _(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(b);})(); ;return Component;

ResponsiveMenu

Usage#