Naar de inhoud
LAY-OUT · FREE

Grid

Een raster van 12 kolommen dat verandert met de schermgrootte.

Een raster van twaalf kolommen waarin elk item zijn breedte op elk scherm instelt en bij grotere breekpunten wijzigt.

Waarom het helpt

  • Twaalf kolommen
  • Breedtes per breekpunt
  • Responsief

Waar het past

  • Dashboards
  • Galerijen
  • Paginalay-outs
Het besturingselement Grid op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.

Alle besturingselementen ยท Documentatie