Naar de inhoud
FEEDBACK · FREE

EmptyState

Maak van een lege pagina een nuttige volgende stap.

Maak van een lege pagina een nuttige volgende stap met een pictogram, een uitleg en optionele acties.

Waarom het helpt

  • Pictogram en bericht
  • Optionele acties
  • Vriendelijk

Waar het past

  • Nieuwe accounts
  • Geen resultaten
  • Lege lijsten
Het besturingselement EmptyState op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie