Built in

The project comes with a connect HOC that brings three global props to every components, onReady, customAnimate and animate.

The animate props uses built in animations such as shine or fade to animate the placeHolder with a visual effect while waiting for the content to appear.

If you want to display a built in animation, simply specify the props on your Placeholder component :

<Placeholder.ImageContent
  onReady={this.state.isReady}
  lineNumber={2}
  animate="shine"
  lastLineWidth="40%"
>
  <Text>Animated placeholder</Text>
</Placeholder.ImageContent>

results matching ""

    No results matching ""