Failed Payment Banner

How to Display a Failed Payment Banner with Memberstack
We recommend adding a noticeable banner to the top your "members-only" pages. Clone this project to access a ready-to-go banner component with all of the necessary attributes.
Pro tip - We've added an optional attribute of data-ms-bind:style="display:flex" so that you can hide the element when you're done designing it. If the member has a failed payment, Memberstack will set the element to display flex.