UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

24 lines (23 loc) 858 B
import * as React from 'react'; import { createSubcomponent } from '@workday/canvas-kit-react/common'; import { usePopupPopper, Popper } from '@workday/canvas-kit-react/popup'; import { useMenuModel } from './useMenuModel'; export const useMenuPopper = usePopupPopper; // We moved this out of the component function to prevent rebuilding this object on re-renders. const popperOptions = { modifiers: [ { name: 'offset', options: { offset: () => [0, 4], }, }, ], }; export const MenuPopper = createSubcomponent('div')({ displayName: 'Menu.Popper', modelHook: useMenuModel, elemPropsHook: useMenuPopper, })(({ children, ...elemProps }) => { return (React.createElement(Popper, { placement: "bottom-start", popperOptions: popperOptions, ...elemProps }, children)); });