Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Trendyol/react-carousel
Lightweight carousel component for react
https://github.com/Trendyol/react-carousel
carousel react slider
Last synced: about 2 months ago
JSON representation
Lightweight carousel component for react
- Host: GitHub
- URL: https://github.com/Trendyol/react-carousel
- Owner: Trendyol
- License: mit
- Created: 2020-04-07T11:51:13.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-05-22T14:10:42.000Z (4 months ago)
- Last Synced: 2024-07-18T18:31:06.388Z (2 months ago)
- Topics: carousel, react, slider
- Language: TypeScript
- Homepage: https://trendyol.github.io/react-carousel
- Size: 791 KB
- Stars: 291
- Watchers: 10
- Forks: 436
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# React Carousel
![Release](https://github.com/trendyol/react-carousel/actions/workflows/publish.yml/badge.svg)
![Pre-Release](https://github.com/trendyol/react-carousel/actions/workflows/betapublish.yml/badge.svg)
[![codecov.io](https://codecov.io/github/Trendyol/react-carousel/coverage.svg?branch=master)](https://codecov.io/github/Trendyol/react-carousel?branch=master)
[![badgen.net](https://badgen.net/bundlephobia/minzip/@trendyol-js/react-carousel)](https://badgen.net/bundlephobia/minzip/@trendyol-js/react-carousel)
[![npm version](https://badge.fury.io/js/%40trendyol-js%2Freact-carousel.svg)](https://badge.fury.io/js/%40trendyol-js%2Freact-carousel)Please visit to [docs website](https://trendyol.github.io/react-carousel/docs/installation) for more details.
# Installation
```
npm i react react-dom @trendyol-js/react-carousel --save
```# Usage
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Carousel } from '@trendyol-js/react-carousel';
import { Item } from './yourItem';ReactDOM.render(
,
document.getElementById('root'),
);
```# License
Distributed under the MIT License. See `LICENSE` for more information.