1.0.3 • Published 3 years ago

@ximu/notice-bar v1.0.3

Weekly downloads
-
License
ISC
Repository
github
Last release
3 years ago

notice-bar

npm npm bundle size npm

基于 react 的 通知栏, 在线 demo

Installation

npm install @ximu/notice-bar --save
yarn add @ximu/notice-bar

Usage

import React from "react";
import { render } from "react-dom";

import NoticeBar from "@ximu/notice-bar";
import "@ximu/notice-bar/dist/index.esm.css";

const list: string[] = [
  "谁念西风独自凉",
  "萧萧黄叶闭疏窗",
  "沉思往事立残阳",
  "被酒莫惊春睡重",
  "赌书消得泼茶香",
  "当时只道是寻常",
];
const App = () => <NoticeBar message={list} duration={10} newLine={false} />;
render(<App />, document.getElementById("root"));

Props

propstypetip
messagestring[]数据,字符串数组
durationnumber滚动完所有数据的时间,单位是秒
newLineboolean如果文本过长是否换行,true换行,false不换行

License

MIT © 2022 GitHub, Inc. Terms Privacy Security Status Docs Contact GitHub Pricing API Training Blog About