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

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

The `QuanticPlaceholder` component is used internally to display a loading placeholder for certain components.

## Example

```html
<c-quantic-placeholder variant="card"></c-quantic-placeholder>
```

## Properties

--

| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| `variant` _(required)_ | `variant` | The type of placeholder to display. | `'card', 'resultList'` |  |
| `numberOfRows` _(required)_ | `number-of-rows` | Number of rows to display inside the placeholder. | `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` | `53.0` |
| `isExposed` | `false` |

--