RayCraftDocs
v1.0.3
nl
raycraft.dev
Op deze pagina

Grid

Free

Raster van 12 kolommen. Span bepaalt de breedte van een item op elk scherm, en Sm, Md, Lg, Xl en Xxl wijzigen die vanaf het bijbehorende breekpunt (dezelfde breekpunten als op de pagina Breakpoints). Zonder Span neemt een item de hele rij in.

Voorbeeld

Besturingselement Grid

Parameters

Grid

ParameterTypeBeschrijving
ChildContentRenderFragmentInhoud die binnen de component wordt weergegeven.
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
ColumnsintKolomdefinities: DataGridColumn-elementen.
SpacingintTussenruimte in veelvouden van 0,25 rem.
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.

GridItem

ParameterTypeBeschrijving
ChildContentRenderFragmentInhoud die binnen de component wordt weergegeven.
ClassstringExtra CSS-klassen die aan het hoofdelement worden toegevoegd.
Lgint?Kolommen die vanaf het breekpunt lg (992 px) worden ingenomen.
Mdint?Kolommen die vanaf het breekpunt md (768 px) worden ingenomen.
Smint?Kolommen die vanaf het breekpunt sm (576 px) worden ingenomen.
Spanint?Kolommen die het item op elk schermformaat inneemt. Zonder neemt het item de hele rij in.
StylestringInline stijl die aan het hoofdelement wordt toegevoegd.
Xlint?Kolommen die vanaf het breekpunt xl (1200 px) worden ingenomen.
Xxlint?Kolommen die vanaf het breekpunt xxl (1400 px) worden ingenomen.

Pakket

Grid maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.