A design system in a box. hip-ui.tngl.io/docs/introduction
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

add header/footer

+12
+12
packages/hip-ui/src/components/menu/index.tsx
··· 32 32 | "placement" 33 33 > { 34 34 trigger: React.ReactNode; 35 + header?: React.ReactNode; 36 + footer?: React.ReactNode; 35 37 items?: Iterable<T>; 36 38 children: React.ReactNode | ((item: T) => React.ReactNode); 37 39 size?: Size; ··· 47 49 shouldFlip, 48 50 shouldUpdatePosition, 49 51 placement, 52 + header, 53 + footer, 50 54 ...props 51 55 }: MenuProps<T>) { 52 56 const popoverStyles = usePopoverStyles(); ··· 67 71 shouldUpdatePosition={shouldUpdatePosition} 68 72 placement={placement} 69 73 > 74 + {header} 70 75 <AriaMenu {...props} {...stylex.props(popoverStyles)} /> 76 + {footer} 71 77 </Popover> 72 78 </MenuTrigger> 73 79 </SizeContext> ··· 85 91 | "placement" 86 92 > { 87 93 trigger: React.ReactElement<MenuTriggerProps>; 94 + header?: React.ReactNode; 95 + footer?: React.ReactNode; 88 96 children: React.ReactNode | ((item: T) => React.ReactNode); 89 97 items?: Iterable<T>; 90 98 size?: Size; ··· 97 105 shouldFlip, 98 106 shouldUpdatePosition, 99 107 placement, 108 + header, 109 + footer, 100 110 ...props 101 111 }: SubMenuProps<T>) { 102 112 const popoverStyles = usePopoverStyles(); ··· 112 122 containerPadding={8} 113 123 offset={-8} 114 124 > 125 + {header} 115 126 <AriaMenu {...props} {...stylex.props(popoverStyles)} /> 127 + {footer} 116 128 </Popover> 117 129 </SubmenuTrigger> 118 130 );