EmptyState

Gør en tom side til et nyttigt næste skridt med et ikon, en forklaring og valgfrie handlinger.

Hvorfor det hjælper

• Ikon og meddelelse
• Valgfrie handlinger
• Venlig

Hvor det passer

• Nye konti
• Ingen resultater
• Tomme lister

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller · Dokumentation