♻️(frontend) allow passing placement to a menu

Props supported by react aria. Introduce it.
This commit is contained in:
lebaudantoine
2025-02-20 14:00:14 +01:00
committed by aleb_the_flash
parent 354bdd8bfe
commit 16929bcc83

View File

@@ -9,15 +9,17 @@ import { Box } from './Box'
export const Menu = ({
children,
variant = 'light',
placement,
}: {
children: [trigger: ReactNode, menu: ReactNode]
variant?: 'dark' | 'light'
placement?: 'bottom' | 'top' | 'left' | 'right'
}) => {
const [trigger, menu] = children
return (
<MenuTrigger>
{trigger}
<StyledPopover>
<StyledPopover placement={placement}>
<Box size="sm" type="popover" variant={variant}>
{menu}
</Box>