react-stretchy-header v0.1.8

react-stretchy-header

A stretchy image-header for react (DOM), like that seen on ios-native.

There is a demo here, but you'll need to view it on iphone to see the effect.

usage

npm i -S react-stretchy-header

Then, in your code:

import StretchyHeader from 'react-stretchy-header'

const App = () => (<div>
  <StretchyHeader height={200}  image='http://lorempixel.com/600/300/cats/'>
    <div>CONTENT GOES HERE</div>
  <StretchyHeader>
</div>)

Props

This looks more jerky than it is.

thanks

I got a lot of ideas from here.