Skeleton

Matches Arco Skeleton with themed paragraph and shape placeholders. See the Element Plus docs for props.

Paragraph & Animation

Rows controls the paragraph length; animated adds a shimmer.

<template>
  <el-skeleton :rows="3" animated style="width: 100%" />
</template>

Custom Shapes

Circle and rect skeleton items create circular and rectangular placeholders.

<template>
  <el-skeleton style="width: 100%">
    <template #template>
      <div style="display: flex; gap: 16px; align-items: center">
        <el-skeleton-item variant="circle" />
        <el-skeleton-item variant="rect" style="width: 160px; height: 48px" />
      </div>
    </template>
  </el-skeleton>
</template>

Differences from Arco

No notable differences.