Pulsars bring focus to a specific element on the screen and act like training wheels to guide people towards the normal way to perform that action. They are used in isolation or combination with other education components for more instructions.

Props

Component props
Name
Type
Default
paused
boolean
-

Used to hide the element.

size
number
136

The size of the element in pixels.

Usage guidelines

When to Use
  • Calling attention to a specific element within a surface. Note: a Pulsar should be used in conjunction with a Popover.
When Not to Use
  • In the case of a user error or warning that needs attention. Use Callout or form errors states instead.
  • When the focus of the attention is at the surface level. Use Callout instead.

Example

Pulsars can be shown and hidden using the paused prop.

Example: Popover