Mensagens de status

Loading Placeholder Blocks

Blocos de espaço reservados arredondados e escuros que representam um avatar e linhas de texto empilhadas enquanto o conteúdo é carregado, com uma faixa de luz diagonal passando por eles em sincronia.

Como usar Loading Placeholder Blocks

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: loaded, rows

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões, a instalação e o painel de propriedades estão incluídos no Fieldbook Pro. A prévia interativa está aberta para todos.

Conecte seu agente

Componentes relacionados

2129Content Loading CardMensagens de statusUm espaço reservado em forma de cartão que respira com um pulso lento de opacidade enquanto um grande bloco de imagem e duas linhas de texto ainda estão sendo carregados.

2117Breathing dot loaderMensagens de statusPontos que permanecem parados e respiram em vez de se moverem, inchando e escurecendo, de modo que a linha parece um batimento cardíaco lento.

2138Curtain line loaderMensagens de statusUma cortina de carregamento que se esconde atrás de uma linha brilhante, mostrando o conteúdo final em vez de esmaecê-lo.

1950Dot matrix status pillMensagens de statusUm botão de pílula cujo lado esquerdo é uma grade de cinco por cinco pontos reproduzindo um padrão de loop curto para cada estado, com a legenda trocando de passo.

1922Empty State PanelMensagens de statusUm espaço reservado centralizado mostrado no lugar de uma lista vazia, com título, descrição e uma ou duas ações iniciais.

2151Expanding ring loaderMensagens de statusAnéis finos que crescem a partir de um único ponto e desaparecem à medida que se alargam, lançados um após o outro para que o pulso nunca pare.