Gå til indholdet
CONTENT · FREE

Descriptions

Vis detaljerne for en post i et pænt gitter, der også passer på små skærme.

Vis detaljerne for en post i et pænt gitter af nøgler og værdier, der foldes sammen til én kolonne på smalle skærme.

Hvorfor det hjælper

  • Nøgle- og værdigitter
  • Responsivt
  • Rent

Hvor det passer

  • Postdetaljer
  • Profiler
  • Ordreresuméer
Kontrollen Descriptions på en RayCraft-side

Eksempel

<Descriptions Columns="2" Bordered="true">
    <DescriptionItem Label="Customer">Example Ltd.</DescriptionItem>
    <DescriptionItem Label="Plan">Enterprise</DescriptionItem>
    <DescriptionItem Label="Created">1 March 2026</DescriptionItem>
    <DescriptionItem Label="Status"><Badge Severity="Severity.Success">Active</Badge></DescriptionItem>
    <DescriptionItem Label="Address" Wide="true">1 Main Street, Sofia, Bulgaria</DescriptionItem>
</Descriptions>
<Descriptions Columns="3" Vertical="true">
    <DescriptionItem Label="Owner">Ada</DescriptionItem>
    <DescriptionItem Label="Region">EMEA</DescriptionItem>
    <DescriptionItem Label="Seats">120</DescriptionItem>
</Descriptions>

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