archive-gh-me/react-use
1
0
Fork 0
mirror of https://github.com/streamich/react-use.git synced 2026-01-18 14:06:52 +00:00
Code Issues Projects Releases Wiki Activity

docs(useIdle): allows updating delay/ms

Browse Source
This commit is contained in:
Manoj Bahuguna 2019-04-10 13:16:58 +00:00
parent 7a670a2e6d
commit 8306ccf75d
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/__stories__/useIdle.story.tsx
View File

@ -4,10 +4,12 @@ import {useIdle} from '..';
import ShowDocs from './util/ShowDocs';
const Demo = () => {
const isIdle = useIdle(3e3);
const [idleDelay, setIdleDelay] = React.useState(3e3);
const isIdle = useIdle(idleDelay);
return (
<div>
Idle delay ms: <input type="number" value={idleDelay} onChange={({ target }) => setIdleDelay(+target.value)} />
<div>User is idle: {isIdle ? 'Yes' : 'No'}</div>
</div>
);
@ -16,5 +18,5 @@ const Demo = () => {
storiesOf('Sensors|useIdle', module)
.add('Docs', () => <ShowDocs md={require('../../docs/useIdle.md')} />)
.add('Demo', () =>
<Demo/>
<Demo />
)