@reactour/popover
Version:
<p align="center"> <img alt="Reactour" title="Reactour" src="https://raw.githubusercontent.com/elrumordelaluz/reactour/main/packages/popover/logo.svg" width="400"> </p> <p align="center"> A popover positioned based on certain values </p>
16 lines (15 loc) • 444 B
CSS
/* styles.css */
.reactour__popover:after {
content: "";
width: 0;
height: 0;
position: absolute;
top: var(--rtp-arrow-top, auto);
right: var(--rtp-arrow-right, auto);
bottom: var(--rtp-arrow-bottom, auto);
left: var(--rtp-arrow-left, auto);
border-top: var(--rtp-arrow-border-top);
border-right: var(--rtp-arrow-border-right);
border-bottom: var(--rtp-arrow-border-bottom);
border-left: var(--rtp-arrow-border-left);
}