Skip to main content

Grid

The Grid component can be used to layout its children with the help of CSS Grid. The component can be customized with CSS grid props.

More information about CSS Grid.

OverviewProperties

Import​

import { Grid } from '@dynatrace/strato-components/layouts';

Use cases​

Grid props​

In the example below the gridTemplateColumns prop is used. The same approach can be used for other CSS grid properties.

CodeSandbox

Grid item​

The prop gridItem can be set on any Grid component to mark it as a child of another Grid component. When a Grid component is set to gridItem, properties for CSS grid items can be used on that component.

CodeSandbox
Still have questions?
Find answers in the Dynatrace Community