react-spring-carousel

KO | EN

gitlite — search

#react #llm #android #machine-learning #rust #docker #nodejs #macos #cli #kubernetes #vue #pytorch #openai #open-source

react-spring-carousel

(★ 74)

A new Carousel experience for the web.

파일 탐색기

최종 버전 다운로드 (.zip)

- .gitignore
- pre-commit
- - index.tsx
  - mocked-data.ts
- global.d.ts
- index.tsx
- - index.tsx
  - mocked-data.ts
- package.json
- release.js
- - index.tsx
  - useCustomEventsModule.tsx
  - useFullscreenModule.tsx
  - useThumbsModule.tsx
- - index.ts
  - useSpringCarousel.ts
  - useTransitionCarousel.ts
- - index.tsx
- - index.tsx
- index.tsx
- utils.ts
.babelrc
.eslintrc.js
.eslintrc.precommit.js
.eslintrc.prepush.js
.gitignore
.prettierrc.json
jest.config.js
package-lock.json
package.json
README.md
rollup.config.js
setupTest.ts
stats-react.json
tsconfig.json
tsconfig.test.json

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-spring-carousel

> A performant React carousel component powered by `react-spring` and `@use-gesture`.

[![NPM](https://img.shields.io/npm/v/react-spring-carousel.svg)](https://www.npmjs.com/package/react-spring-carousel) [![NPM](https://img.shields.io/bundlephobia/minzip/react-spring-carousel)](https://img.shields.io/bundlephobia/minzip/react-spring-carousel)

## Install

```bash
// npm v7.x
npm install --save react-spring-carousel
```

```bash
// npm v6.x or less
npm install --save react-spring react-spring-carousel
```

```bash
yarn add react-spring react-spring-carousel
```

## Usage

```tsx
import { useSpringCarousel } from 'react-spring-carousel'

const { carouselFragment, slideToPrevItem, slideToNextItem } = useSpringCarousel({
  items: [
    {
      id: 'item-1',
      renderItem: <div>Item 1</div>,
    },
    {
      id: 'item-2',
      renderItem: <div>Item 2</div>,
    },
  ],
})

return (
  <div>
    <button onClick={slideToPrevItem}>Prev item</button>
    <div>{carouselFragment}</div>
    <button onClick={slideToNextItem}>Next item</button>
  </div>
)
```

## Official documentation

For a complete overview of the library, please visit the official documentation.

[Visit here](https://react-spring-carousel.emilianobucci.com)

react-spring-carousel

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-spring-carousel

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README