Vue Placeholder Component API

Placeholder API

Explore the API reference for the Vue Placeholder component and discover how to effectively utilize its props for customization.

On this page

CPlaceholder

jsx
import { CPlaceholder } from '@coreui/vue-pro'
PropertyDefaultType
animation-string

Set animation type to better convey the perception of something being actively loaded.

as'span'string

Component used for the root node. Either a string to use a HTML element or a component.

color-Color

Sets the color context of the component to one of CoreUI’s themed colors.

size-string

Size the component extra small, small, or large.

xs-number

The number of columns on extra small devices (<576px).

sm-number

The number of columns on small devices (<768px).

md-number

The number of columns on medium devices (<992px).

lg-number

The number of columns on large devices (<1200px).

xl-number

The number of columns on X-Large devices (<1400px).

xxl-number

The number of columns on XX-Large devices (≥1400px).