Novelty Promotes Magicians

    react-timesago

    0.0.1 • Public • Published

    React-TimesAgo

    React-TimesAgo is a component that takes a date as a prop and returns a time-span with live updating date.

    Demo

    React-TimesAgo

    Installation

    1. Install React-TimesAgo as a dependency
    NPM
    npm install react-timesago
    1. Import the react-timesago module
    // ES6
    import TimesAgo from "react-timesago";

    Example

    import TimesAgo from 'react-timesago';
     
    render() {
    <TimesAgo time={date} type="default" suffix="ago" /> // type default
    <TimesAgo time={date} type="default" prefix="before" /> // type default
    <TimesAgo time={date} type="facebook" /> // type facebook
    }

    Props

    These are all of the available props (and their default values) for the <TimesAgo /> component.

    {
        prefix: "",
        suffix: "ago",
        type: "default",
        time: new Date(1551788578911 * 1000)
    }

    Props Details

    • prefix - formatter prefix for date, ignored for type facebook.
    • suffix - formatter suffix for date, ignored for type facebook.
    • type - types for date format (facebook or default)
    • time - date.

    Install

    npm i react-timesago

    DownloadsWeekly Downloads

    1

    Version

    0.0.1

    License

    MIT

    Unpacked Size

    25.7 kB

    Total Files

    14

    Last publish

    Collaborators

    • miteshtagadiya