Gå til indholdet
FEEDBACK · FREE

SkeletonPreset

Færdige indlæsningspladsholdere til kort, lister, tabeller og profiler.

Færdige indlæsningspladsholdere til kort, lister, tabeller, profiler og afsnit, der annoncerer den optagne tilstand for hjælpeteknologi.

Hvorfor det hjælper

  • Færdige forudindstillinger
  • Optaget tilstand annonceret
  • Hurtig at bruge

Hvor det passer

  • Kort
  • Tabeller
  • Profiler
Kontrollen SkeletonPreset på en RayCraft-side

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation