Demonstrate some use cases we are supporting.
Note that on desktop, you might have to add the enableMouseEvents
prop, in order for the demos to work properly.
A Simple case.
{{"demo": "pages/demos/DemoSimple.js"}}
With a header.
{{"demo": "pages/demos/DemoTabs.js"}}
Set a constant height and let the swipe and scroll behavior work in harmony.
{{"demo": "pages/demos/DemoScroll.js"}}
The container responds dynamically to its children.
{{"demo": "pages/demos/DemoAnimateHeight.js"}}
With a resistance bounds effet on the edges.
{{"demo": "pages/demos/DemoResitance.js"}}
With nested swipeable-view component.
{{"demo": "pages/demos/DemoNested.js"}}
With the auto play HOC.
{{"demo": "pages/demos/DemoAutoPlay.js"}}
With the virtualize HOC.
{{"demo": "pages/demos/DemoVirtualize.js"}}
Swipe up and down.
{{"demo": "pages/demos/DemoAxis.js"}}
With a keyboard binding.
{{"demo": "pages/demos/DemoKeyboard.js"}}
With all the HOCs.
{{"demo": "pages/demos/DemoHocs.js"}}
Custom width of slides.
{{"demo": "pages/demos/DemoWidth.js"}}
Right-to-left direction
{{"demo": "pages/demos/DemoRtl.js"}}
The 3 slides are repeated indefinitely.
{{"demo": "pages/demos/DemoCircular.js"}}
Custom display with a coverflow effect.
{{"demo": "pages/demos/DemoCoverflow.js"}}