Saltar al contenido
CONTENT · FREE

Descriptions

Muestra los detalles de un registro en una cuadrícula ordenada que también cabe en pantallas pequeñas.

Muestra los detalles de un registro en una cuadrícula ordenada de claves y valores que se reduce a una columna en pantallas estrechas.

Por qué ayuda

  • Cuadrícula de clave y valor
  • Adaptable
  • Limpia

Dónde encaja

  • Detalles de registro
  • Perfiles
  • Resúmenes de pedido
El control Descriptions en una página de RayCraft

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.

Todos los controles ยท Documentación