Sitewide Banner

Overview

This is a banner feature that is displayed site wide when turned on. In the past, we partnered with a 3rd party service to achieve this (HelloBar), but ran into some unforeseen and hard to troubleshoot bugs. And so, HowdyBar was born!

We use this feature to display important info to our users in a prominent banner across the top of the site. It is currently hardcoded to link to our voter registration portal.

The SitewideBanner can be used in conjunction with a DismissableElement or other wrapper components.

Suppressing from Pages

In certain cases, you may want to hide the sitewide banner on specific pages of the site. If that's the case, you'll simply need to add the URL path as a string to components/utilities/SiteWideBanner/config

Before the banner renders on the page, we check the config for any pages that should be suppressed.

If you want to suppress the banner from a page that may have multiple sub paths but share the same base path, you'll need to add a * to the end of the pathname.

Pathnames Currently Excluded:

• /us/campaigns/ready-vote*

• /us/my-voter-registration-drive

• /us/quiz-results/*