granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update PopoverContent

Browse source 
* Add PopoverContentProps
* Set sideOffset as default prop
* Add class name to arrow
This commit is contained in:
Justin Edmund 2023-01-24 02:07:27 -08:00
parent a082c392ef
commit 075e4d52d7
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
components/PopoverContent/index.tsx
View file

@ -8,7 +8,8 @@ interface Props
extends React.DetailedHTMLProps< extends React.DetailedHTMLProps<
React.DialogHTMLAttributes<HTMLDivElement>, React.DialogHTMLAttributes<HTMLDivElement>,
HTMLDivElement HTMLDivElement
> {} >,
PopoverPrimitive.PopoverContentProps {}
export const Popover = PopoverPrimitive.Root export const Popover = PopoverPrimitive.Root
export const PopoverAnchor = PopoverPrimitive.Anchor export const PopoverAnchor = PopoverPrimitive.Anchor
@ -26,15 +27,18 @@ export const PopoverContent = React.forwardRef<HTMLDivElement, Props>(
return ( return (
<PopoverPrimitive.Portal> <PopoverPrimitive.Portal>
<PopoverPrimitive.Content <PopoverPrimitive.Content
sideOffset={5}
{...props} {...props}
className={classes} className={classes}
ref={forwardedRef} ref={forwardedRef}
> >
{children} {children}
<PopoverPrimitive.Arrow /> <PopoverPrimitive.Arrow className="Arrow" />
</PopoverPrimitive.Content> </PopoverPrimitive.Content>
</PopoverPrimitive.Portal> </PopoverPrimitive.Portal>
) )
} }
) )
PopoverContent.defaultProps = {
sideOffset: 8,
}