Skip to main content

Flex

    The Flex component can be used to layout its children with Flexbox. The component can be customized with flexbox props.

    More information about Flexbox.

    OverviewPropertiesChangelog

    Import​

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

    Demo​

    Flex props​

    In the example below the flexDirection prop is used. The same approach can be used for other flexbox properties.

    Flex item​

    The prop flexItem can be set on any Flex component to mark it as a child of another Flex component. When a Flex component is set to flexItem, properties for flexbox items can be used on that component.

    Still have questions?
    Find answers in the Dynatrace Community