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-pro'
| Property | Default | Type |
|---|
| 2xl6.0.0+ | - | number |
The number of columns on 2X-Large devices (≥1536px). Renamed from xxl. |
| animation | - | 'glow', 'pulse', 'wave' |
Set animation type to better convey the perception of something being actively loaded. glow is an alias of pulse. |
| 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', 'inverse', string |
Sets the color context of the component to one of CoreUI’s themed colors. |
| lg | - | number |
The number of columns on large devices (<1280px). |
| md | - | number |
The number of columns on medium devices (<1024px). |
| 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 (<1536px). |
| xs | - | number |
The number of columns on extra small devices (<576px). |