Grid
<gstock-grid>
|
GstockGrid
API
Propiedades
| Nombre | Descripción | Reflects | Tipo | Por defecto |
|---|---|---|---|---|
type
|
The type of grid layout.
- fluid: Stretches to fill all available space
- fixed-narrow: Fixed width ideal for content-focused pages (max 760px)
- fixed-wide: Fixed width ideal for data-dense pages (max 1280px)
|
|
'fluid' | 'fixed-narrow' | 'fixed-wide'
|
'fluid'
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Aprende más sobre atributos y propiedades .
Slots
| Nombre | Descripción |
|---|---|
default
|
The grid items (gstock-grid-item elements). |
Aprende más sobre slots .
Propiedades personalizadas
| Nombre | Descripción | Default |
|---|---|---|
--gstock-grid-columns
|
Number of columns in the grid (auto-calculated by breakpoints). | |
--gstock-grid-gutter
|
Space between grid items (auto-calculated by breakpoints). | |
--gstock-grid-margin
|
Left and right margins (auto-calculated by breakpoints). | |
--gstock-grid-max-width-fixed-narrow
|
Maximum width for fixed-narrow type (default: 760px). | |
--gstock-grid-max-width-fixed-wide
|
Maximum width for fixed-wide type (default: 1280px). |
Aprende más sobre propiedades personalizadas .
Partes
| Nombre | Descripción |
|---|---|
base
|
The grid container element. |
Aprende más sobre partes CSS .