Publish package v1.

master
Hasan Genc 5 years ago
parent db15bb8d6d
commit 5b2f50ad0c
  1. 5
      README.md
  2. 2
      package-lock.json
  3. 2
      package.json
  4. 2
      website/docs/infinityCarousel.md
  5. 4
      website/docs/installation.md
  6. 4
      website/docs/swipableCarousel.md
  7. 2
      website/docs/usage.md
  8. 14
      website/src/pages/index.js

@ -8,7 +8,7 @@ Please visit to [docs website](https://trendyol.github.io/react-carousel/docs/in
# Installation
```
npm i react react-dom @trendyol/react-carousel --save
npm i react react-dom @trendyol-js/react-carousel --save
```
# Usage
@ -16,7 +16,7 @@ npm i react react-dom @trendyol/react-carousel --save
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Carousel } from '@trendyol/react-carousel';
import { Carousel } from '@trendyol-js/react-carousel';
import { Item } from './yourItem';
ReactDOM.render(
@ -29,4 +29,3 @@ ReactDOM.render(
document.getElementById('root'),
);
```

2
package-lock.json generated

@ -1,5 +1,5 @@
{
"name": "@trendyol/react-carousel",
"name": "@trendyol-js/react-carousel",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,

@ -1,5 +1,5 @@
{
"name": "@trendyol/react-carousel",
"name": "@trendyol-js/react-carousel",
"version": "1.0.0",
"description": "Lightweight carousel component for react",
"main": "dist/cjs/index.js",

@ -5,7 +5,7 @@ title: Infinite Carousel
Carousel is infinite at default
import {Carousel} from '@trendyol/react-carousel';
import {Carousel} from '@trendyol-js/react-carousel';
export const Highlight = ({children, color}) => ( <span style={{
backgroundColor: color,
borderRadius: '2px',

@ -9,7 +9,7 @@ Carousel requires React 16.8 or greater.
## Installation
```
npm i react react-dom @trendyol/react-carousel --save
npm i react react-dom @trendyol-js/react-carousel --save
```
---
@ -17,5 +17,5 @@ npm i react react-dom @trendyol/react-carousel --save
## Importing
```jsx
import { Carousel } from '@trendyol/react-carousel';
import { Carousel } from '@trendyol-js/react-carousel';
```

@ -3,9 +3,9 @@ id: swipible
title: Swipeable Carousel
---
Carousel is infinite at default
You can swipe items with your mouse our touch screen
import {Carousel} from '@trendyol/react-carousel';
import {Carousel} from '@trendyol-js/react-carousel';
export const Highlight = ({children, color}) => ( <span style={{
backgroundColor: color,
borderRadius: '2px',

@ -8,7 +8,7 @@ Simple carousel that show one item per slide.
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Carousel } from '@trendyol/react-carousel';
import { Carousel } from '@trendyol-js/react-carousel';
import { Item } from './yourItem';
ReactDOM.render(

@ -4,7 +4,7 @@ import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import useBaseUrl from '@docusaurus/useBaseUrl';
import { Carousel } from '@trendyol/react-carousel';
import { Carousel } from '@trendyol-js/react-carousel';
import styles from './styles.module.css';
import { Redirect } from '@docusaurus/router';
@ -14,8 +14,8 @@ const features = [
imageUrl: 'img/undraw_docusaurus_mountain.svg',
description: (
<>
Docusaurus was designed from the ground up to be easily installed and used to get
your website up and running quickly.
Docusaurus was designed from the ground up to be easily installed and used
to get your website up and running quickly.
</>
),
},
@ -24,8 +24,8 @@ const features = [
imageUrl: 'img/undraw_docusaurus_tree.svg',
description: (
<>
Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go ahead and
move your docs into the <code>docs</code> directory.
Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
ahead and move your docs into the <code>docs</code> directory.
</>
),
},
@ -34,8 +34,8 @@ const features = [
imageUrl: 'img/undraw_docusaurus_react.svg',
description: (
<>
Extend or customize your website layout by reusing React. Docusaurus can be
extended while reusing the same header and footer.
Extend or customize your website layout by reusing React. Docusaurus can
be extended while reusing the same header and footer.
</>
),
},

Loading…
Cancel
Save