Zum Inhalt springen
RÜCKMELDUNG · FREE

SkeletonPreset

Fertige Lade-Platzhalter für Karten, Listen, Tabellen und Profile.

Fertige Lade-Platzhalter für Karten, Listen, Tabellen, Profile und Absätze, die Hilfstechnologien den Beschäftigt-Zustand melden.

Warum es hilft

  • Fertige Vorgaben
  • Beschäftigt-Zustand angesagt
  • Schnell einsetzbar

Wo es passt

  • Karten
  • Tabellen
  • Profile
Das Steuerelement SkeletonPreset auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation