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.

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