---
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`
a| The type of placeholder to display.
| `'card', 'resultList'`
|

| `numberOfRows` _(required)_
| `number-of-rows`
a| 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`
|===
--