react-pannable

Flexible and Customizable Layouts for Scrolling Content with React

Getting Started

Install react-pannable using npm.

npm install --save react-pannable

API Reference

<Infinite /> - Used to display a long list of data

<Carousel /> - Used to play a number of looping items in sequence

<Pad /> - Handles scrolling of content

• <ItemContent /> - Displays data with the size best fits the specified size.
• <ListContent /> - Displays data in a single column/row
• <GridContent /> - Displays data in grid layout

<Pannable /> - Can be panned(dragged) around with the touch/mouse

Examples

All the examples!

Some Carousel demos

• Horizontal Carousel
• Vertical Carousel

Some Infinite demos

• Overview

Some Pad demos

• Overview
• Layout with Auto Resizing Content
• Layout with Grid Content
• Layout with List Content
• Layout with Multiple Nested Content

Some Pannable demos

• Draggable Notes
• Adjustable Sticker

Some AutoResizing demos

• Overview

License

MIT License