API Documentation

Documentation

Inputs (Properties)

Parameter	Type	Default	Description
morePairSlides	number	1	Add slide carousel in both sides
angle	number	45	Angle to distribute the carousel
ratioScale	number	1	Carousel scale ratio
margin	number	0	Margin to separate between carousel slides
perspective	number	2000	Perspective to show the carousel slide
timeToSlide	number	300	Time (in ms) to transalte to carousel slide if transition isn't complete
lockSlides	boolean	false	Block the swiping
initialSlide	number	0	Index number on initial carrousel
mode	string	"horizontal"	Can you init carousel in 'horizontal' or 'vertical' mode

Example

example to use input parameters to init carousel component with 30 angle.

note : you can use a variable to set angle.

<carousel-component [angle]=30 >
    <div class="item-carousel">a</div>
    <div class="item-carousel">b</div>
    <div class="item-carousel">c</div>
    <div class="item-carousel">d</div>
    <div class="item-carousel">e</div>
    <div class="item-carousel">f</div>
</carousel-component>

Preview