Mostre os detalhes de um registro em uma grade organizada de chaves e valores que se reduz a uma coluna em telas estreitas.
Por que ajuda
- Grade de chave e valor
- Responsiva
- Limpa
Onde se encaixa
- Detalhes de registros
- Perfis
- Resumos de pedidos
Exemplo
<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>Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.