Skeleton

Uma versão “em branco” de componentes que devem carregar conteúdo remoto e ainda não está pronto para exibir esse conteúdo para o usuário

Como usar

<div class="has-skeleton"></div>

<div class="avatar has-skeleton"></div>
<div class="card has-skeleton"></div>
<div class="has-skeleton"></div>
<div class="notification has-skeleton"></div>
<div class="notification has-skeleton">
    The skeleton isn't visible because content is not empty.
</div>