react-use-countdown/README.md

41 lines
1.0 KiB
Markdown
Raw Permalink Normal View History

# React Countdown Hook
2020-08-28 15:58:25 +07:00
2021-03-10 18:02:12 +07:00
[![Build Status](https://dci.osa.cubetiqs.com/api/badges/CUBETIQ/react-use-countdown/status.svg)](https://dci.osa.cubetiqs.com/CUBETIQ/react-use-countdown)
### Installation
```shell script
# NPM
npm i @cubetiq/react-use-countdown
2020-08-28 15:58:25 +07:00
# Yarn
yarn add @cubetiq/react-use-countdown
```
2020-08-28 15:58:25 +07:00
### Example
```js
import React from 'react';
import ReactDOM from 'react-dom';
// import the countdown hook here
import { useCountdown } from 'cubetiq-react-use-countdown';
2020-08-28 15:58:25 +07:00
const App = () => {
const { timeleft, start } = useCountdown({
step: 1000,
});
return (
<div>
<button onClick={() => start(10000)}>Start Countdown</button>
<h1>Time left: {timeleft}</h1>
</div>
);
};
2020-08-28 16:26:06 +07:00
ReactDOM.render(<App />, document.querySelector('#root'));
```
2020-08-28 16:26:06 +07:00
### Contributors
Project's repository: [React Countdown](https://git.cubetiqs.com/CUBETIQ/react-use-countdown.git)
- [@s.long](https://git.cubetiqs.com/s.long)
- [@sombochea](https://git.cubetiqs.com/sombochea)
- [@cubetiq](https://git.cubetiqs.com/CUBETIQ)