♻️(frontend) allow passing placement to a menu
Props supported by react aria. Introduce it.
This commit is contained in:
committed by
aleb_the_flash
parent
354bdd8bfe
commit
16929bcc83
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user