♻️(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 = ({ export const Menu = ({
children, children,
variant = 'light', variant = 'light',
placement,
}: { }: {
children: [trigger: ReactNode, menu: ReactNode] children: [trigger: ReactNode, menu: ReactNode]
variant?: 'dark' | 'light' variant?: 'dark' | 'light'
placement?: 'bottom' | 'top' | 'left' | 'right'
}) => { }) => {
const [trigger, menu] = children const [trigger, menu] = children
return ( return (
<MenuTrigger> <MenuTrigger>
{trigger} {trigger}
<StyledPopover> <StyledPopover placement={placement}>
<Box size="sm" type="popover" variant={variant}> <Box size="sm" type="popover" variant={variant}>
{menu} {menu}
</Box> </Box>