@berlitz/alert-banner NPM | npm.io

5.1.11 • Published 3 years ago

Install

Weekly downloads

4,892

License

MIT

Repository

Last release

3 years ago

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

@berlitz/button @berlitz/globals styled-components-rtl

@infinitebrahmanuniverse/nolb-_ber @everything-registry/sub-chunk-121

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago