Toon de details van een record in een nette tabel met sleutels en waarden die op smalle schermen tot één kolom samenklapt.
Waarom het helpt
- Sleutel- en waardetabel
- Responsief
- Netjes
Waar het past
- Recorddetails
- Profielen
- Ordersamenvattingen
Voorbeeld
<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>Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.