react-carousel3
v1.0.0TypeScript
react 3d 轮播
0/weekUpdated 3 years agoMITUnpacked: 11.8 KB
Published by xiaxiangfeng
npm install react-carousel3react-carousel3d
> A 3D perspective carousel。预览地址：https://xiaxiangfeng.github.io/react-carousel3d/#/carousel
从 NPM 下载包
``npm`
npm i react-carousel3d
Basic usage
Demo:
`tsx
import React from 'react';
import { Carousel } from 'react-carousel3d';
const style = {
width: 297,
height: 296,
};
export default () => (
display: 'flex',
justifyContent: 'center',
background: 'linear-gradient(to bottom, #16235e 0%, #020223 100%)',
}}
>
);
`
$3
You may pass these options to the carousel constructor. Some of these properties may be changed during runtime via the data handle.
Option
Description
Default
height
container height
width
container width
xOrigin
Center of the carousel (x coordinate)
(container width / 2)
yOrigin
Center of the carousel (y coordinate)
(container height / 10)
xRadius
Half the width of the carousel
(container width / 2.3)
yRadius
Half the height of the carousel
(container height / 6)
autoPlay
auto play
false
Getting Started
Install dependencies,
bash
$ npm i
`Start the dev server,
bash
$ npm start
`Build documentation,
bash
$ npm run docs:build
`Run test,
bash
$ npm test
`Build library via
,`bash
$ npm run build
``