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'// 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). | ||