警告屏风

显示页面下方固定的并包含内容和按钮的横幅 .

安装

yarn add @berlitz/alert-banner

道具

使用量

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)}
        />
      )}
    </>
  )
}

何时使用此组件

• 隐私政策横幅
• 向用户显示持久消息