项目作者: ibraAbuKaff

项目描述 :
React JS Announcement Ticker
高级语言: CSS
项目地址: git://github.com/ibraAbuKaff/react-announcement-ticker.git
创建时间: 2018-05-15T11:57:37Z
项目社区:https://github.com/ibraAbuKaff/react-announcement-ticker

开源协议:MIT License

下载


react-announcement-ticker

React JS Announcement/News Ticker

How to install ?



  1. yarn add react-announcement-ticker


Example:

http://g.recordit.co/3CUoW9WPly.gif

How to use it ?

  1. import React, {Component} from "react";
  2. import {NewsTicker} from "react-announcement-ticker";
  3. class App extends Component {
  4. render() {
  5. return (
  6. <div className="App">
  7. <NewsTicker
  8. tickerBorderColor="#A7BFE8"
  9. title={"Latest News Here"}
  10. titleBackground={"linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%)"}
  11. newsList={[
  12. {
  13. text: "Facebook is making its biggest executive shuffle in company",
  14. link: "http://fb.com"
  15. },
  16. {
  17. text: "The Best Views of NASA's InSight Mars Lander Launch?",
  18. link: "http://google.com"
  19. },
  20. {
  21. text: "Are Jupiter and Venus Messing With Earth's Climate?",
  22. link: "http://cnn.com"
  23. }
  24. ]}
  25. ></NewsTicker>
  26. </div>
  27. );
  28. }
  29. }
  30. export default App;