Hoppa till innehållet
ÅTERKOPPLING · FREE

EmptyState

Gör en tom sida till ett användbart nästa steg.

Gör en tom sida till ett användbart nästa steg med en ikon, en förklaring och valfria åtgärder.

Varför det hjälper

  • Ikon och meddelande
  • Valfria åtgärder
  • Vänlig

Var det passar

  • Nya konton
  • Inga resultat
  • Tomma listor
Kontrollen EmptyState på en RayCraft-sida

Exempel

<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>

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation