Saltar al contenido
COMENTARIOS · FREE

EmptyState

Convierte una página vacía en un siguiente paso útil.

Convierte una página vacía en un siguiente paso útil con un icono, una explicación y acciones opcionales.

Por qué ayuda

  • Icono y mensaje
  • Acciones opcionales
  • Amable

Dónde encaja

  • Cuentas nuevas
  • Sin resultados
  • Listas vacías
El control EmptyState en una página de RayCraft

Ejemplo

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

Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación