Zum Inhalt springen
CONTENT · FREE

Descriptions

Die Details eines Datensatzes in einem ordentlichen Raster zeigen, das auch auf kleine Bildschirme passt.

Zeigen Sie die Details eines Datensatzes in einem ordentlichen Raster aus Schlüsseln und Werten, das auf schmalen Bildschirmen zu einer Spalte wird.

Warum es hilft

  • Raster aus Schlüssel und Wert
  • Responsiv
  • Aufgeräumt

Wo es passt

  • Datensatzdetails
  • Profile
  • Bestellübersichten
Das Steuerelement Descriptions auf einer RayCraft-Seite

Beispiel

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

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