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.

    OverviewPropertiesChangelog

    Import​

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

    Demo​

    Grid props​

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

    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.

    Still have questions?
    Find answers in the Dynatrace Community