---
title: QuanticCarousel
slug: latest-utility-carousel
canonical_url: https://docs.coveo.com/en/quantic/latest/reference/utility-components/utility-carousel/
collection: quantic
source_format: adoc
---
# QuanticCarousel

> **Note**
>
> This component was introduced in version `2.27.0`.

The `QuanticCarousel` component displays the content within a carousel. This component also displays navigation buttons that allow end users to navigate between the different pages of the carousel.

## Example

```html
<c-quantic-carousel number-of-pages="2" number-of-items-per-page="1">
  <div slot="carousel-item">Item One</div>
  <div slot="carousel-item">Item Two</div>
</c-quantic-carousel>
```

## Properties

--
|===
| Property | Attribute | Description | Type | Default

| `label` _(required)_
| `label`
a| The label of the carousel.
| `string`
|

| `itemsPerPage` _(required)_
| `items-per-page`
a| The number of items to display per page.
| `number`
|

| `currentPage` _(required)_
| `current-page`
a| The index of the current page.
| `number`
|

|===
--

## XML configuration file elements

The following XML configuration file elements apply (see [XML Configuration File Elements](https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.reference_configuration_tags)).

--
|===
| Metadata | Value

| `apiVersion` | `57.0`
| `isExposed` | `false`
|===
--