React-TimesAgo
React-TimesAgo is a component that takes a date as a prop and returns a time-span with live updating date.
Demo
Installation
- Install React-TimesAgo as a dependency
# NPMnpm install react-timesago
- Import the
react-timesago
module
// ES6import TimesAgo from "react-timesago";
Example
import TimesAgo from 'react-timesago'; {<TimesAgo = ="default" ="ago" /> // type default<TimesAgo = ="default" ="before" /> // type default<TimesAgo = ="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.