Beacon

Beacon helps spotlight specific areas in the interface.

Usage guidelines outline how the component should and shouldn’t be used in different user interface contexts.

When to use

  • To draw a user’s attention towards a single area of importance
  • For onboarding, always pair with Popover Sequential

When not to use

  • To draw attention to multiple areas on a page at the same time
  • For a more subtle highlight of a new feature (use Badge instead)

Best practices

Do

Do always pair Beacon with Popover Sequential for onboarding.

Don't

Don't use multiple Beacons on a page at the same time.