Affichez les détails d’un enregistrement dans une grille soignée de clés et de valeurs qui se réduit à une colonne sur les écrans étroits.
Pourquoi c’est utile
- Grille clé et valeur
- Adaptative
- Nette
Où il trouve sa place
- Détails d’enregistrement
- Profils
- Récapitulatifs de commande
Exemple
<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>Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.