
```jsx
import { CPlaceholder } from '@coreui/react'
// or
import CPlaceholder from '@coreui/react/src/components/placeholder/CPlaceholder'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **animation** | Set animation type to better convey the perception of something being actively loaded. | `'glow'` \| `'wave'` | - |
| **as** | Component used for the root node. Either a string to use a HTML element or a component. | `(ElementType & 'symbol')` \| `(ElementType & 'object')` \| `(ElementType & 'span')` \| `(ElementType & 'slot')` \| `(ElementType & 'style')` \| `... 174 more ...` \| `(ElementType & FunctionComponent<...>)` | - |
| **className** | A string of all className you want applied to the component. | `string` | - |
| **color** | Sets the color context of the component to one of CoreUI’s themed colors. | `'primary'` \| `'secondary'` \| `'success'` \| `'danger'` \| `'warning'` \| `'info'` \| `'dark'` \| `'light'` \| `string` | - |
| **lg** | The number of columns on large devices (\<1200px). | `number` | - |
| **md** | The number of columns on medium devices (\<992px). | `number` | - |
| **size** | Size the component extra small, small, or large. | `'xs'` \| `'sm'` \| `'lg'` | - |
| **sm** | The number of columns on small devices (\<768px). | `number` | - |
| **xl** | The number of columns on X-Large devices (\<1400px). | `number` | - |
| **xs** | The number of columns on extra small devices (\<576px). | `number` | - |
| **xxl** | The number of columns on XX-Large devices (≥1400px). | `number` | - |
