RayCraftDocs
v1.0.3
sv
raycraft.dev
På den här sidan

Grid

Free

Rutnät med 12 kolumner. Span anger bredden på ett objekt på alla skärmar, och Sm, Md, Lg, Xl och Xxl ändrar den från motsvarande brytpunkt och uppåt (samma brytpunkter som på sidan Breakpoints). Utan Span tar ett objekt hela raden.

Exempel

Kontrollen Grid

Parametrar

Grid

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
ColumnsintKolumndefinitioner: DataGridColumn-element.
SpacingintAvstånd i multiplar av 0,25 rem.
StylestringInbäddad stil som läggs till på rotelementet.

GridItem

ParameterTypBeskrivning
ChildContentRenderFragmentInnehåll som renderas inuti komponenten.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
Lgint?Kolumner som tas från brytpunkten lg (992 px).
Mdint?Kolumner som tas från brytpunkten md (768 px).
Smint?Kolumner som tas från brytpunkten sm (576 px).
Spanint?Kolumner som objektet tar på alla skärmstorlekar. Utan den tar objektet hela raden.
StylestringInbäddad stil som läggs till på rotelementet.
Xlint?Kolumner som tas från brytpunkten xl (1200 px).
Xxlint?Kolumner som tas från brytpunkten xxl (1400 px).

Paket

Grid ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.