RayCraftDocs
v1.0.3
da
raycraft.dev
På denne side

Grid

Free

Gitter med 12 kolonner. Span angiver et elements bredde på alle skærme, og Sm, Md, Lg, Xl og Xxl ændrer den fra det pågældende brudpunkt og opefter (de samme brudpunkter som på siden Breakpoints). Uden Span fylder et element hele rækken.

Eksempel

Kontrollen Grid

Parametre

Grid

ParameterTypeBeskrivelse
ChildContentRenderFragmentIndhold, der gengives inde i komponenten.
ClassstringEkstra CSS-klasser, der tilføjes til rodelementet.
ColumnsintKolonnedefinitioner: DataGridColumn-elementer.
SpacingintMellemrum i multipla af 0,25 rem.
StylestringIndlejret typografi, der tilføjes til rodelementet.

GridItem

ParameterTypeBeskrivelse
ChildContentRenderFragmentIndhold, der gengives inde i komponenten.
ClassstringEkstra CSS-klasser, der tilføjes til rodelementet.
Lgint?Kolonner, der optages fra brudpunktet lg (992 px).
Mdint?Kolonner, der optages fra brudpunktet md (768 px).
Smint?Kolonner, der optages fra brudpunktet sm (576 px).
Spanint?Kolonner, elementet optager på alle skærmstørrelser. Uden den optager elementet hele rækken.
StylestringIndlejret typografi, der tilføjes til rodelementet.
Xlint?Kolonner, der optages fra brudpunktet xl (1200 px).
Xxlint?Kolonner, der optages fra brudpunktet xxl (1400 px).

Pakke

Grid er en del af RayCraft Free. Pakke: RayCraft.Blazor. Den hentes fra nuget.org. Se Kom i gang.