Package Exports
- react-pannable
- react-pannable/cjs/index.js
- react-pannable/es/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-pannable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-pannable
Flexible and Customizable Layouts for Scrolling Content with React
Getting Started
Install react-pannable using npm.
npm install --save react-pannableAPI 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
Some Carousel demos
Some Infinite demos
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
Some AutoResizing demos