Skip to content

OverlayLoader

OverlayLoader é utilizado para indicar o carregamento de componentes internos de páginas, como cards e gráficos.



Quando usar:

  • Para indicar o carregamento de elementos de página que ainda não possuam skeleton implementado.

Quando não usar:

  • Não utilize o OverlayLoader para carregamento de páginas. Nesses casos prefira o Spinner.
  • Não utilize o OverlayLoader para indicar carregameto de componentes que possuam skeletons implementados

Uso

js
<CdsOverlayLoader
	variant="green"
	size="md"
/>

Preview


Props

Nome
Tipo
Default
Opções
Descrição
sizestring'md'sm
md
lg
Propriedade referente ao tamanho do componente ('sm', 'md' ou 'lg')
variantstring'green'green
teal
blue
indigo
violet
pink
red
orange
amber
dark
Variante de cor do componente ('turquoise', 'green', 'blue', 'indigo', 'violet', 'pink', 'red', 'orange', 'amber')


Última atualização:

Released under the Apache-2.0 License.