React Placeholder Component API
Placeholder API
Explore the API reference for the React Placeholder component and discover how to effectively utilize its props for customization.
CPlaceholder
import { CPlaceholder } from '@coreui/react'
| Property | Default | Type |
|---|
| animation | - | 'glow', 'wave' |
Set animation type to better convey the perception of something being actively loaded. |
| as | span | (ElementType & 'symbol') | (ElementType & 'object') | (ElementType & 'span') | (ElementType & 'slot') | (ElementType & 'style') | ... 175 more ... |
Component used for the root node. Either a string to use a HTML element or a component. |
| className | - | string |
A string of all className you want applied to the component. |
| color | - | 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string |
Sets the color context of the component to one of CoreUI’s themed colors. |
| lg | - | number |
The number of columns on large devices (<1200px). |
| md | - | number |
The number of columns on medium devices (<992px). |
| size | - | 'xs', 'sm', 'lg' |
Size the component extra small, small, or large. |
| sm | - | number |
The number of columns on small devices (<768px). |
| xl | - | number |
The number of columns on X-Large devices (<1400px). |
| xs | - | number |
The number of columns on extra small devices (<576px). |
| xxl | - | number |
The number of columns on XX-Large devices (≥1400px). |