Beacon

Beacon helps spotlight specific areas in the interface

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

Beacons are animated (pulsing) objects that draw the attention of a user towards something of importance. This could be a new feature, component or message that a user might not otherwise see.


These are used as part of a pattern of objects such as onboarding or new feature releases.


The beacon should be coupled with the popoverFeature component when in use.


Variants

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

Beacon
Property Values Default
pulse Variant 01 | 02 | 03 01
Beacon
Beacon
pulse 03
Beacon
Beacon
pulse 01
Beacon
Beacon
pulse 02

Help and support