Aller au contenu
RETOURS · FREE

SkeletonPreset

Des espaces réservés de chargement prêts à l’emploi pour cartes, listes, tableaux et profils.

Des espaces réservés de chargement prêts à l’emploi pour cartes, listes, tableaux, profils et paragraphes, qui annoncent l’état occupé aux technologies d’assistance.

Pourquoi c’est utile

  • Préréglages prêts
  • État occupé annoncé
  • Rapide à utiliser

Où il trouve sa place

  • Cartes
  • Tableaux
  • Profils
Le contrôle SkeletonPreset dans une page RayCraft

Exemple

<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.

Tous les contrôles ยท Documentation