React-pannable NPM

react-pannable

Flexible and Customizable Layouts for Scrolling Content with React

npm license

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

Some Infinite demos

Overview

Some Pad demos

Some Pannable demos

Some AutoResizing demos

Overview

License

MIT License

react hooks scroll pan drag grid list carousel slide swiper page bounce table collection virtualized infinite-scroll

@types/element-resize-detector element-resize-detector

@infinitebrahmanuniverse/nolb-react-pa @everything-registry/sub-chunk-2602 @niceharu/tc

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

react-pannable

Getting Started

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

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

Examples

License

`<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

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