[BUG] - Popover's arrow should combine with the border line of the box

[chen-yan]

NextUI Version

v2.4

Describe the bug

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. render popover component 2.set showArrow value as true
2. click button.

Expected behavior

Screenshots or Videos

No response

Operating System Version

MacOS Windows

Browser

Chrome

[linear[bot]]

ENG-997 [BUG] - Popover's arrow should combine with the border line of the box

[awesome-pro]

@wingkwong I want to work on the issue #3235 , I want to know How can I update the code of Popover component to display the arrow. (This will be my first contribution to this repo)

const App = import {Popover, PopoverTrigger, PopoverContent, Button} from "@nextui-org/react";

export default function App() { return ( <Popover placement="bottom" showArrow={true}> <PopoverTrigger> <Button>Open Popover</Button> </PopoverTrigger> <PopoverContent> <div className="px-1 py-2"> <div className="text-small font-bold">Popover Content <div className="text-tiny">This is the popover content </PopoverContent> </Popover> ); }`;

const react = { "/App.jsx": App, };

export default { ...react, }; `

[arindam1997007]

Hi @wingkwong I have raised a PR for this fix. Please review it when you have the time :)

[wingkwong]

Closing - after an internal discussion, we'll keep the original design as it is.