Popover Basic

Popover is a temporary overlay window that contains contextual information

Stable
Show details
Stable
Published: January 08, 2025
Updated: January 09, 2025

The basic popover component is a temporary overlay object that provides quick contextual information relevant to where the user is hovering with their mouse.


Styling within this container allows for images and small titles, with the addition of 2 links to direct the user to relevant content.
Arrow positions can be set via the props.


Variants

Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.

popoverComplex
Property Values Default
title Boolean true | false true
link1 Boolean true | false true
link2 Boolean true | false true
image or video Boolean true | false true
links Boolean true | false true

Small heading

Use this option to allow users to open larger amounts of data in one action.

popoverComplex
popoverComplex

Help and support