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