The representation of item indexes grouped into pages. These pages are the available entry points for control features like buttons and pagination.
The indexes inside each grouped page is based on the visual order of the child elements (Carousel.items | see items).
For example:
<div class="carousel"> <div class="item" style="width: 100%; order: 3">Item 1</div> <div class="item" style="width: 50%; order: 2">Item 2</div> <div class="item" style="width: 50%; order: 1">Item 3</div> </div> Copy
<div class="carousel"> <div class="item" style="width: 100%; order: 3">Item 1</div> <div class="item" style="width: 50%; order: 2">Item 2</div> <div class="item" style="width: 50%; order: 1">Item 3</div> </div>
The pages representation would look like: [[2], [1, 0]] (see ordering and width)
[[2], [1, 0]]
The representation of item indexes grouped into pages. These pages are the available entry points for control features like buttons and pagination.
The indexes inside each grouped page is based on the visual order of the child elements (Carousel.items | see items).
For example:
The pages representation would look like:
[[2], [1, 0]]
(see ordering and width)