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.
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.

Help and support