Grid
FreeGrade de 12 colunas. Span define a largura de um item em todas as telas, e Sm, Md, Lg, Xl e Xxl a alteram a partir do ponto de interrupção correspondente (os mesmos pontos da página Breakpoints). Sem Span, um item ocupa a linha inteira.
Exemplo
Parâmetros
Grid
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Columns | int | Definições de colunas: elementos DataGridColumn. |
Spacing | int | Espaço em múltiplos de 0,25 rem. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
GridItem
| Parâmetro | Tipo | Descrição |
|---|---|---|
ChildContent | RenderFragment | Conteúdo renderizado dentro do componente. |
Class | string | Classes CSS extras adicionadas ao elemento raiz. |
Lg | int? | Colunas ocupadas a partir do ponto de interrupção lg (992 px). |
Md | int? | Colunas ocupadas a partir do ponto de interrupção md (768 px). |
Sm | int? | Colunas ocupadas a partir do ponto de interrupção sm (576 px). |
Span | int? | Colunas que o item ocupa em todos os tamanhos de tela. Sem ele, o item ocupa a linha inteira. |
Style | string | Estilo embutido adicionado ao elemento raiz. |
Xl | int? | Colunas ocupadas a partir do ponto de interrupção xl (1200 px). |
Xxl | int? | Colunas ocupadas a partir do ponto de interrupção xxl (1400 px). |
Pacote
Grid faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.
Controles relacionados
Enviar feedbackVersão 1.0.3