wiz-carousel

Implements the set of containers which user can rotate around vertical or horizontal axis.

Learn more about components

• Import and registration
• Property and file types
• Configuration
• Components in eWizard Editor

Usage

You can fill the component with any HTML tags:

<wiz-carousel>
    <div>Item</div>
    <div>Item</div>
    <div>Item</div>
    <div>Item</div>
</wiz-carousel>

These items will be wrapped in <div class="carousel-item"></div> element.

Properties

The following properties are available:

Property	Type	Default value	Description
blur	number	0	Carousel blur in pixels
currentItem	number	0	Defines the starting card number of the carousel by default
direction	string	both	Controls the card rotation direction. Rotate the cards `clockwise`, `counterclockwise`, or set `both` to rotate the cards in both directions.
isSnap	boolean	true	If `true`, eWizard Editor centers the card you stop the rotation on. If `false`, the carousel stops on the exact place you leave it.
opacity	number	100	Carousel opacity in percent.
orientation	string	horizontal	Controls whether the items rotate horizontally or vertically.
perspective	number	800	Determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
perspectiveOrigin	number	90	Determines the position at which the viewer is looking.
radius	number	360	The radius of the carousel.
scale	number	1	Carousel items scale.
sensitivity	number	0.2	Controls the rotation speed.
shift	number	0	The angle that shows how far the `current-item` is shifted in the specified `direction`.