Saltar al contenido
COMENTARIOS · FREE

SkeletonPreset

Marcadores de carga listos para tarjetas, listas, tablas y perfiles.

Marcadores de carga listos para tarjetas, listas, tablas, perfiles y párrafos, que anuncian el estado ocupado a las tecnologías de asistencia.

Por qué ayuda

  • Ajustes predefinidos
  • Estado ocupado anunciado
  • Rápido de usar

Dónde encaja

  • Tarjetas
  • Tablas
  • Perfiles
El control SkeletonPreset en una página de RayCraft

Ejemplo

<Stack Wrap="true" Spacing="6" Align="flex-start">
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.Card" /></div>
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.List" Rows="3" /></div>
    <div style="width:18rem"><SkeletonPreset Kind="SkeletonKind.Table" Rows="3" /></div>
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.Profile" /></div>
    <div style="width:15rem"><SkeletonPreset Kind="SkeletonKind.Paragraph" Rows="4" /></div>
</Stack>

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