Ir para o conteúdo
RETORNO · FREE

SkeletonPreset

Marcadores de carregamento prontos para cartões, listas, tabelas e perfis.

Marcadores de carregamento prontos para cartões, listas, tabelas, perfis e parágrafos, que anunciam o estado ocupado às tecnologias assistivas.

Por que ajuda

  • Predefinições prontas
  • Estado ocupado anunciado
  • Rápido de usar

Onde se encaixa

  • Cartões
  • Tabelas
  • Perfis
O controle SkeletonPreset em uma página do RayCraft

Exemplo

<Stack Wrap="true" Spacing="6" Align="flex-start">
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.Card" /></div>
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.List" Rows="3" /></div>
    <div style="width:18rem"><SkeletonPreset Kind="SkeletonKind.Table" Rows="3" /></div>
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.Profile" /></div>
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.Paragraph" Rows="4" /></div>
</Stack>

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação