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;


/react-announcement-ticker/

    Package Sidebar

    Install

    npm i react-announcement-ticker

    Weekly Downloads

    28

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    160 kB

    Total Files

    11

    Last publish

    Collaborators

    • ibra.abukaff