Ir para o conteúdo
RETORNO · FREE

EmptyState

Transforme uma página vazia em um próximo passo útil.

Transforme uma página vazia em um próximo passo útil com um ícone, uma explicação e ações opcionais.

Por que ajuda

  • Ícone e mensagem
  • Ações opcionais
  • Amigável

Onde se encaixa

  • Contas novas
  • Sem resultados
  • Listas vazias
O controle EmptyState em uma página do RayCraft

Exemplo

<EmptyState Title="No projects yet" Icon="IconName.Folder">
    <ChildContent>Create your first project to see it here.</ChildContent>
    <Actions>
        <Button StartIcon="IconName.Add">New project</Button>
        <Button Variant="Variant.Outlined">Import</Button>
    </Actions>
</EmptyState>

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