RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

Grid

Free

Grille de 12 colonnes. Span définit la largeur d'un élément sur tous les écrans, et Sm, Md, Lg, Xl et Xxl la modifient à partir du point de rupture correspondant (les mêmes que sur la page Breakpoints). Sans Span, un élément occupe toute la ligne.

Exemple

Contrôle Grid

Paramètres

Grid

ParamètreTypeDescription
ChildContentRenderFragmentContenu affiché à l'intérieur du composant.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
ColumnsintDéfinitions de colonnes : éléments DataGridColumn.
SpacingintEspace en multiples de 0,25 rem.
StylestringStyle en ligne ajouté à l'élément racine.

GridItem

ParamètreTypeDescription
ChildContentRenderFragmentContenu affiché à l'intérieur du composant.
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
Lgint?Colonnes occupées à partir du point de rupture lg (992 px).
Mdint?Colonnes occupées à partir du point de rupture md (768 px).
Smint?Colonnes occupées à partir du point de rupture sm (576 px).
Spanint?Colonnes occupées par l'élément sur toutes les tailles d'écran. Sans elle, l'élément prend toute la ligne.
StylestringStyle en ligne ajouté à l'élément racine.
Xlint?Colonnes occupées à partir du point de rupture xl (1200 px).
Xxlint?Colonnes occupées à partir du point de rupture xxl (1400 px).

Paquet

Grid fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.