FlexLayout | @types/azdata

The config for a FlexBox-based container. This supports easy addition of content to a container with a flexible layout and use of space.

Hierarchy

FlexLayout
- SplitViewLayout

Index

Properties

Optional alignContent

alignContent: AlignContentType

Matches the align-content CSS property.

Optional alignItems

alignItems: AlignItemsType

Matches the align-items CSS property.

Optional flexFlow

flexFlow: string

Matches the flex-flow CSS property and its available values. To layout as a vertical view use "column", and for horizontal use "row".

Optional flexWrap

flexWrap: FlexWrapType

Matches the flex-wrap CSS property.

Optional height

height: string | number

Container Height

Optional justifyContent

justifyContent: JustifyContentType

Matches the justify-content CSS property.

Optional position

position: PositionType

The position CSS property. Empty by default. This is particularly useful if laying out components inside a FlexContainer and the size of the component is meant to be a fixed size. In this case the position must be set to 'absolute', with the parent FlexContainer having 'relative' position. Without this the component will fail to correctly size itself.

Optional textAlign

textAlign: TextAlignType

Matches the text-align CSS property.

Optional width

width: string | number

Container Width