@5rabbits/headerstrip 中文文档教程

Question

@5rabbits/headerstrip

在您的应用程序中将广告活动显示为标题横幅的组件。 将行为本地存储在 localStorage 上。

Usage

• Install with yarn add @5rabbits/headerstrip.
• Install peer dependencies (if you haven't already) yarn add react@^16.0.0 react-dom@^16.0.0.
• Use the component:

import Headerstrip from '@5rabbits/headerstrip'
import '@5rabbits/headerstrip/dist/headerstrip.css'

<Headerstrip />

演示

Props

prop	type	default	required	description
id	string		true	Advertising unique id, if not supplied the headerstrip will not render.
title	string	'Placeholder title'		Headerstrip title, the main message should be here.
texts	object	{accept: 'Accept', dismiss: 'Dismiss', remind_me_later: 'Snooze'}		Texts used in the component action buttons.
onAccept	function			Callback when accept button is clicked.
onDismiss	function			Callback when dismiss button is clicked.
onSnooze	function			Callback when snooze button is clicked.

Development

• Run yarn start to start building the library in watch mode.
• Write stories in the stories/index.js file.
• This project lints and prettifies source files automatically before commiting. You can run yarn lint and yarn prettify to do this operations manually before commiting (although you shouldn't need to).

Testing

• Pending