Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popover with 'Hidden Arrow'

See original GitHub issue

Issue description

components: Popover
reactstrap version 5.0.0-beta
react version 16.2.0
bootstrap version v4.0 latest

What is happening?

I want to hide the arrow from the Popover component. For this, I use the Popover’s modifiers property, but it does not work. The arrow is still visible. What am I doing wrong. Please, provide me with a code sample that implements a Popover with ‘Hidden Arrow’.

What should be happening?

Steps to reproduce issue

I reproduce my case in this example.

Issue Analytics

State:
Created 6 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

4reactions

TheSharpieOnecommented, Feb 7, 2018

reactstrap has things like isOpen instead of just open. hasArrow fits that… but I really dislike props that default to true making the user have to do hasArrow={false} which seems way verbose. Maybe noArrow or hideArrow which defaults to false so that the user only has to type the prop name which sets the value to true

2reactions

supergibbscommented, Feb 7, 2018

Ya, go for it. I think the prop name should just be arrow to match the naming style of reactstrap. Thoughts @TheSharpieOne? Needs to be added to PopperContent and Popover and Tooltip