Ir para o conteúdo
LAYOUT · FREE

Grid

Uma grade de 12 colunas que muda com o tamanho da tela.

Uma grade de doze colunas em que cada item define sua largura em cada tela e a muda em pontos de quebra maiores.

Por que ajuda

  • Doze colunas
  • Larguras por ponto de quebra
  • Responsiva

Onde se encaixa

  • Painéis
  • Galerias
  • Layouts de página
O controle Grid em uma página do RayCraft

Exemplo

<Grid Spacing="3">
    <GridItem Span="12"><Card><ChildContent>Span 12</ChildContent></Card></GridItem>
    <GridItem Span="8"><Card><ChildContent>Span 8</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
    <GridItem Span="4"><Card><ChildContent>Span 4</ChildContent></Card></GridItem>
</Grid>

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.

Todos os controles ยท Documentação