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.

    OverviewProperties

    Import​

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

    Use cases​

    Flex props​

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

    CodeSandbox

    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.

    CodeSandbox
    Still have questions?
    Find answers in the Dynatrace Community