Package Exports
- react-pannable
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
<Carousel /> - Used to play a number of looping items in sequence
<Player />- Used to manage the playback of the paging content
<Pad /> - Handles scrolling of content
<ItemContent />- Displays data with the size best fits the specified size<GeneralContent />- Similar toItemContentand automatically resizes when the data change<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 Pad demos
- Scrollable Content
- Locating Specified Content
- Auto Resizing with Pad
- Layout with General Content
- Layout with Grid Content
- Layout with List Content
- Layout with Nested Content
- Use Case with List Content
Some Pannable demos