Hopp til innholdet
CONTENT · FREE

Descriptions

Vis detaljene til en post i et ryddig rutenett som også passer på små skjermer.

Vis detaljene til en post i et ryddig rutenett av nøkler og verdier som brettes sammen til én kolonne på smale skjermer.

Hvorfor det hjelper

  • Nøkkel- og verdirutenett
  • Responsivt
  • Rent

Hvor det passer

  • Postdetaljer
  • Profiler
  • Ordreoppsummeringer
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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon