React Placeholder Component API
Placeholder API
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.
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'// orimport CPlaceholder from '@coreui/react/src/components/placeholder/CPlaceholder'| Property | Default | Type |
|---|---|---|
| animation# | - | 'glow', 'wave' |
Set animation type to better convey the perception of something being actively loaded. | ||
| as# | - | (ElementType & 'symbol'), (ElementType & 'object'), (ElementType & 'span'), (ElementType & 'slot'), (ElementType & 'style'), ... 174 more ..., (ElementType & FunctionComponent<...>) |
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). | ||