@berlitz/alert-banner

Alert Banner

Display a banner fixed at the bottom of the page, containing content and a button.

Installation

yarn add @berlitz/alert-banner

Props

Argument	Type	Required	Default	Example
content	string	true	null	I have read and agree to the <a href='#'>Privacy Policy</a>
buttonText	string	true	null	I Agree
handleButtonClick	func	true	null	() => setBannerDismissed(true)

Usage

import React, { setState } from 'react'
import ComponentName from '@berlitz/alert-banner'

const MyApp = () => {
  const [bannerDismissed, setBannerDismissed] = setState(false)

  return (
    <>
      {!bannerDismissed && (
        <AlertBanner
          content="I have read and agree to the <a href='#'>Privacy Policy</a>"
          buttonText="I Agree"
          onClick={() => setBannerDismissed(true)}
        />
      )}
    </>
  )
}

When to use this component

• Privacy policy banner
• Displaying a persistent, message to the user