Loader - Yampi Developer Portal

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

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`height`	`Number`	❌	`null`	Altura do skeleton em pixels.
`width`	`Number`	❌	`null`	Largura do skeleton em percentual (`%`).
`margin`	`Number`	❌	`0`	Margem superior em pixels.
`customStyle`	`String`	❌	`null`	String de estilos CSS inline adicionais (ex.: `'border-radius: 8px'`).

⌘I