Write examples

[jussi-kalliokoski]

No description provided.

[irvinebroque]

Would love to see some examples!

[bermi]

Some examples would really help understanding how integrate this component.

I'm looking at the tests but it's taking me a lot of trial and error and code peeking to understand how to dimension and style the UI. An example would help to understand how pageHeight, pageWidth, embedHeight, embedWidth, top, left, width and height should be defined (if they need to be defined at all).

[jussi-kalliokoski]

I'll write some as soon as possible! Thanks for the interest in this component!

[bitsofalex]

This looks like it is going to be a great component. Any chance of an example?

[aearly]

👍 for examples

[shilpan]

examples please :)

[jehoshua02]

We've been through several sliders already. Getting tired of the wonky bugs. Looking for something with proven stability and simplicity. Some examples would really be nice.

[jussi-kalliokoski]

Sorry for the long wait on this one. Anyway, I put up the first example on the new website: http://jussi-kalliokoski.github.io/merry-go-round/examples/basic/ . I'll be adding more examples soon now that I have the basic setup done. The website looks hideous right now, so I'll be happy to accept PRs to make it prettier, and also if people want to write more examples or other improvements to the website, that would be greatly appreciated. :)

[tomvdv]

+1, an updated and full-featured demo suite would stimulate community participation.

[oiva]

The example looked super confusing until I realised the MyCarousel render function was missing its return statement which can be found here:

return (
    React.createElement(Carousel, {
        pages: pages,
        pageIndex: this.state.pageIndex,
        previousPageIndex: this.state.previousPageIndex,
        width: width,
        height: height,
        embedWidth: MARGIN,
        embedHeight: 0,
        pageView: Page,
        pageWidth: pageWidth,
        pageHeight: height,
        onSwiped: this.handleSwipe,
        loop: true
    })
);