Grid Item is a component used inside the Grid that makes it possible set additional parameters for items. For concrete usage examples, please see Grid component.
| || ||Switch the breakpoint used to trigger the content stacking. This property is used internally by Grid, and should not be set by the developer.|| || |
| || ||Make the grid item fill the remaining available grid space.|| || |
| || ||Controls the margin of the component.|| || |
| || ||Sets the maximum width for the grid item using any valid numeric CSS value. E.g. "300px".|| || |
| || ||Sets the minimum width for the grid item using any valid numeric CSS value. E.g. "33.333%".|| || |
| || ||Enable or disable the automatic responsive behaviour of the grid item. This property is used internally by Grid, and should not be set by the developer.|| || |
| || ||Theme of the grid item.|| || |
This section includes guidelines for designers and developers about the usage of this component in different contexts.
This component has been validated to meet the WCAG 2.1 AA accessibility guidelines. You can find additional information regarding accessibility of this component below.
- Grid item is a custom element which doesn’t have semantic meaning or any added functionality for assistive technologies.
Follow these practical tutorials to learn how to build simple page layouts using Duet’s CSS Framework, Web Components and other features:
Using CLI ToolsTutorials
Creating Custom PatternsTutorials
Server Side RenderingTutorials
Usage With MarkdownTutorials
If you experience any issues while using a component, please head over to the Support page for more guidelines and help.