Mensagens de status

Curtain line loader

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

Como usar Curtain line loader

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

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: accent, duration, direction, lineWidth, loop

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 e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

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.

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.

2167Hopping dot loaderMensagens de statusUma pequena fileira de pontos que saltam em uma onda itinerante, cada um saindo do chão uma batida após o ponto ao lado.

1989Layered ring loaderMensagens de statusUm emblema centralizado de anéis parciais concêntricos girando em diferentes velocidades e direções, com um título de status e um subtítulo desaparecendo abaixo.

2231Single glyph spinnerMensagens de statusUm girador de anel mínimo: um arco fino que gira continuamente para sinalizar que uma tarefa em segundo plano está em execução.

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.