Carousel / Slider
Carousel component turns a list of elements into a looped carousel / slider with next/prev control buttons, play/pause button and some configuring parameters.
| Example | Code |
|---|---|
|
<as-carousel hidden gap="14" speed="400" delay="3" slideid="item">[slides]</as-carousel> |
| Property name | Description | Type |
|---|---|---|
| slideid | Optional: parameter name used as slide element identifier, defaults to item | string |
| speed | Optional: define slide animation speed in [ms], defaults to 400 | string |
| delay | Optional: define slide animation delay in [ms], defaults to 3 | string |
| gap | Optional: reflects gap between slides, should match CSS gap property, defaults to 14 | string |