Hoppa till innehållet
CONTENT · FREE

Descriptions

Visa detaljerna för en post i ett prydligt rutnät som också passar små skärmar.

Visa detaljerna för en post i ett prydligt rutnät av nycklar och värden som viks ihop till en kolumn på smala skärmar.

Varför det hjälper

  • Nyckel- och värderutnät
  • Responsivt
  • Rent

Var det passar

  • Postdetaljer
  • Profiler
  • Ordersammanfattningar
Kontrollen Descriptions på en RayCraft-sida

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation