4.0.5 • Published 5 years ago
carousel_component_overblaster_supreme_of_the_galaxy v4.0.5
React component for a simple carousel
##Javascript
import React, { Component } from 'react';
//Import Carousel
import Carousel from 'carousel_component_overblaster_supreme_of_the_galaxy';
//Import Carousel's styles
import 'carousel_component_overblaster_supreme_of_the_galaxy/build/Carousel_styles.css';
export default class Content extends Component {
render() {
return (
<div>
<Carousel
autoSlide={true}
infinity={true}
speed={1000}
arrows={true}
dots={true}
>
<div>1</div>
<div>2</div>
<div>3</div>
</Carousel>
</div>
)
}
}
Option | Type | Description |
---|---|---|
autoSlide | Boolean | Defines if the slides should pass automaticly (Only works if infinity is true) |
infinity | Boolean | Defines if the slides should pass in a continuous way or stopped at the edges |
speed | Number | Defines the speed of the autoSlide in miliseconds |
arrows | Boolean | Defines if the arrows should appear |
dots | Boolean | Defines if the dots should appear |
allowMouseMoveEvents | Boolean | Defines if the slider should stop on mouseEnter and continue on mouseLeave |
draggableOnMobile | Boolean | Defines if the slider should be draggable on mobile devices, for this infinity should be true |
PS: I know the name it's kind of silly, i just wanted to know how to upload to npm and help someone in the process.
4.0.5
5 years ago
4.0.4
5 years ago
4.0.3
5 years ago
4.0.2
5 years ago
4.0.1
5 years ago
3.0.9
5 years ago
3.0.8
5 years ago
3.0.7
5 years ago
3.0.6
5 years ago
3.0.5
5 years ago
3.0.4
5 years ago
3.0.3
5 years ago
3.0.2
5 years ago
3.0.1
5 years ago
3.0.0
5 years ago
2.0.9
5 years ago
2.0.8
5 years ago
2.0.7
5 years ago
2.0.6
5 years ago
2.0.5
5 years ago
2.0.4
5 years ago
2.0.3
5 years ago
2.0.2
5 years ago
2.0.1
5 years ago
2.0.0
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago