Added MobileMenuButton component.

This commit is contained in:
Mike Cao 2025-10-14 15:43:57 -07:00
parent d9b08d9491
commit be5f0494cc
5 changed files with 36 additions and 9 deletions

View file

@ -0,0 +1,18 @@
import { Button, Icon, DialogTrigger, Dialog, Modal } from '@umami/react-zen';
import { Menu } from '@/components/icons';
import { ReactNode } from 'react';
export function MobileMenuButton({ children }: { children: ReactNode }) {
return (
<DialogTrigger>
<Button>
<Icon>
<Menu />
</Icon>
</Button>
<Modal position="left" offset="20px">
<Dialog variant="sheet">{children}</Dialog>
</Modal>
</DialogTrigger>
);
}