react-announcement-ticker

1.0.1 • Public • Published

react-announcement-ticker

React JS Announcement/News Ticker

How to install ?

yarn add react-announcement-ticker

Example:

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

How to use it ?

import React, {Component} from "react";
import {NewsTicker} from "react-announcement-ticker";


class App extends Component {
    render() {
        return (
            <div className="App">

                    <NewsTicker
                        tickerBorderColor="#A7BFE8"

                        title={"Latest News Here"}
                        titleBackground={"linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%)"}
                        
                        newsList={[
                            {
                                text: "Facebook is making its biggest executive shuffle in company",
                                link: "http://fb.com"
                            },
                            {
                                text: "The Best Views of NASA's InSight Mars Lander Launch?",
                                link: "http://google.com"
                            },
                            {
                                text: "Are Jupiter and Venus Messing With Earth's Climate?",
                                link: "http://cnn.com"
                            }
                        ]}
                    />
            </div>
        );
    }
}

export default App;


Dependencies (6)

Dev Dependencies (8)

Package Sidebar

Install

npm i react-announcement-ticker

Weekly Downloads

10

Version

1.0.1

License

MIT

Unpacked Size

160 kB

Total Files

11

Last publish

Collaborators

  • ibra.abukaff