Flexible and Customizable Layouts for Scrolling Content with React
Install react-pannable using npm.
npm install --save react-pannable<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
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