Skip to main content
Exibe um elemento animado de skeleton como placeholder enquanto o conteúdo real carrega. Útil para evitar layout shift e melhorar a percepção de performance.

Uso

<Loader :height="24" :width="80" />
Com margem e estilo customizado:
<Loader :height="200" :margin="16" custom-style="border-radius: 8px;" />

Propriedades

PropriedadeTipoObrigatóriaValor padrãoDescrição
heightNumbernullAltura do skeleton em pixels.
widthNumbernullLargura do skeleton em percentual (%).
marginNumber0Margem superior em pixels.
customStyleStringnullString de estilos CSS inline adicionais (ex.: 'border-radius: 8px').