react-pretty-duration

react-pretty-duration is a reactjs package converting numbered duration to user friendly duration text.

Installation

Use the npm to install react-pretty-duration.

npm install react-pretty-duration

Usage

import React from 'react';
import PrettyDuration from 'react-pretty-duration';

const App = () => {
	return (
		// provide total minutes
		<PrettyDuration duration={200} />
	)
}
// result => 3hr 20min

Demo

react-pretty-duration

Props

props	type	default	description	required
duration	number	0	numbered duration in minutes, must be greater than 0	true
className	string	0	className for element styling	false
style	style object	0	object for inline styling	false

Notice

This package uses react hooks, so would works with [email protected] or greater

License

MIT