Skip to content

vdux-components/delay

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

delay

js-standard-style

Delay the rendering of child components, or execution of an action for a declaratively specified period.

Installation

$ npm install vdux-delay

Usage

function render () {
  return (
    <Hover>
      <SomeHoverableEntity />
      {
        hover => hover && <Delay time={400}><Tooltip message='Explanation of SomeHoverableEntity' /></Delay>
      }
    </Hover>
  )
}

<Tooltip /> is hidden until after the cursor has hovered over <SomeHoverableEntity /> for at least 400 milliseconds.

API - props

  • time - The number of milliseconds to wait
  • onEnd - An action to dispatch when the delay ends (is not dispatched if the component is removed before the timer ends)

License

MIT