Skip to content

Commit

Permalink
Add demo gif
Browse files Browse the repository at this point in the history
  • Loading branch information
richardscarrott committed Dec 20, 2022
1 parent 78e1ce5 commit 7364b91
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 3 deletions.
12 changes: 9 additions & 3 deletions README.md
Expand Up @@ -6,7 +6,7 @@

DOM-first, responsive carousel for React.

React Snap Carousel leaves the DOM in charge of scroll state and merely computes derived data from the layout, allowing you to progressively enhance a scroll element with responsive carousel controls.
React Snap Carousel leaves the DOM in charge of scrolling and simply computes derived state from the layout, allowing you to progressively enhance a scroll element with responsive carousel controls.

🧈 Utilizes native browser scrolling & CSS scroll snap points

Expand All @@ -22,6 +22,8 @@ React Snap Carousel leaves the DOM in charge of scroll state and merely computes

🔥[LIVE DEMO](https://richardscarrott.github.io/react-snap-carousel/)🔥

## Usage

### Basic

This basic carousel will dynamically add CSS snap points to items based on the current DOM layout.
Expand Down Expand Up @@ -65,9 +67,9 @@ const BasicCarousel = () => {
export default BasicCarousel;
```

### Advanced
### Controls

This advanced example will additionally render dynamic carousel controls.
This controls example additionally renders dynamic carousel controls.

```tsx
import React from 'react';
Expand Down Expand Up @@ -127,3 +129,7 @@ const AdvancedCarousel = () => {

export default AdvancedCarousel;
```

## License

[MIT](LICENSE)
Binary file added react-snap-carousel.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7364b91

Please sign in to comment.