AnchoredElement

Basic usage#

Hover me
<AnchoredElement content="Anchored content">
  <span>Hover me</span>
</AnchoredElement>

With arrow#

Hover me
<AnchoredElement withArrow content="Anchored content">
  <span>Hover me</span>
</AnchoredElement>

Disable background scroll#

Hover me
<AnchoredElement content="Anchored content" disableBackgroundScroll>
  <span>Hover me</span>
</AnchoredElement>

Trigger#

<AnchoredElement
  content="Anchored content"
  position="top"
  triggerEvents="click"
  withArrow
>
  <Button>Click</Button>
</AnchoredElement>

Delay#

Hover me
<AnchoredElement content="Anchored content" delay={1000}>
  <span>Hover me</span>
</AnchoredElement>

Show/hide delays#

Hover me
<AnchoredElement content="Anchored content" delay={[750, 200]}>
  <span>Hover me</span>
</AnchoredElement>