RayCraftDocs
v1.0.3
es
raycraft.dev
En esta página

Grid

Free

Cuadrícula de 12 columnas. Span define el ancho de un elemento en todas las pantallas, y Sm, Md, Lg, Xl y Xxl lo cambian desde el punto de interrupción correspondiente (los mismos que en la página Breakpoints). Sin Span, un elemento ocupa toda la fila.

Ejemplo

Control Grid

Parámetros

Grid

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
ColumnsintDefiniciones de columnas: elementos DataGridColumn.
SpacingintEspacio en múltiplos de 0,25 rem.
StylestringEstilo en línea agregado al elemento raíz.

GridItem

ParámetroTipoDescripción
ChildContentRenderFragmentContenido representado dentro del componente.
ClassstringClases CSS adicionales que se agregan al elemento raíz.
Lgint?Columnas que ocupa desde el punto de interrupción lg (992 px).
Mdint?Columnas que ocupa desde el punto de interrupción md (768 px).
Smint?Columnas que ocupa desde el punto de interrupción sm (576 px).
Spanint?Columnas que ocupa el elemento en todos los tamaños de pantalla. Sin él, el elemento ocupa toda la fila.
StylestringEstilo en línea agregado al elemento raíz.
Xlint?Columnas que ocupa desde el punto de interrupción xl (1200 px).
Xxlint?Columnas que ocupa desde el punto de interrupción xxl (1400 px).

Paquete

Grid forma parte de RayCraft Free. Paquete: RayCraft.Blazor. Se obtiene de nuget.org. Consulte Primeros pasos.