RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

Grid

Free

12-Spalten-Raster. Span legt die Breite eines Elements auf jedem Bildschirm fest, Sm, Md, Lg, Xl und Xxl ändern sie ab dem jeweiligen Haltepunkt (dieselben Haltepunkte wie auf der Seite Breakpoints). Ohne Span nimmt ein Element die ganze Zeile ein.

Beispiel

Steuerelement Grid

Parameter

Grid

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
ColumnsintSpaltendefinitionen: DataGridColumn-Elemente.
SpacingintAbstand in Vielfachen von 0,25 rem.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.

GridItem

ParameterTypBeschreibung
ChildContentRenderFragmentInhalt, der innerhalb der Komponente dargestellt wird.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
Lgint?Spalten, die ab dem Haltepunkt lg (992 px) belegt werden.
Mdint?Spalten, die ab dem Haltepunkt md (768 px) belegt werden.
Smint?Spalten, die ab dem Haltepunkt sm (576 px) belegt werden.
Spanint?Spalten, die das Element bei jeder Bildschirmgröße belegt. Ohne sie nimmt das Element die ganze Zeile ein.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
Xlint?Spalten, die ab dem Haltepunkt xl (1200 px) belegt werden.
Xxlint?Spalten, die ab dem Haltepunkt xxl (1400 px) belegt werden.

Paket

Grid gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.