Interface Flex

interface Flex {
    alignContent?:
        | "flex-start"
        | "flex-end"
        | "center"
        | "space-between"
        | "space-around"
        | "space-evenly"
        | "stretch";
    alignItems?: "flex-start"
    | "flex-end"
    | "center"
    | "stretch";
    direction?: "column" | "row";
    justifyContent?:
        | "flex-start"
        | "flex-end"
        | "center"
        | "space-between"
        | "space-around"
        | "space-evenly";
    padding?: number;
    paddingBottom?: number;
    paddingLeft?: number;
    paddingRight?: number;
    paddingTop?: number;
    wrap?: boolean;
}

Properties

alignContent? alignItems? direction? justifyContent? padding? paddingBottom? paddingLeft? paddingRight? paddingTop? wrap?

Properties

OptionalalignContent

alignContent?:
    | "flex-start"
    | "flex-end"
    | "center"
    | "space-between"
    | "space-around"
    | "space-evenly"
    | "stretch"

Flexbox container align content

Remarks

CSS Documentation:

See Flexbox documentation for more information.

OptionalalignItems

alignItems?: "flex-start" | "flex-end" | "center" | "stretch"

Flexbox container align items

Remarks

Difference from CSS:

  • Baseline is not supported

CSS Documentation:

See Flexbox documentation for more information.

Optionaldirection

direction?: "column" | "row"

Flexbox container direction

Remarks

CSS Documentation:

See Flexbox documentation for more information.

OptionaljustifyContent

justifyContent?:
    | "flex-start"
    | "flex-end"
    | "center"
    | "space-between"
    | "space-around"
    | "space-evenly"

Flexbox container justify content

Remarks

CSS Documentation:

See Flexbox documentation for more information.

Optionalpadding

padding?: number

Flexbox container padding

Remarks

CSS Documentation:

See Flexbox documentation for more information.

OptionalpaddingBottom

paddingBottom?: number

Flexbox container padding bottom

Remarks

CSS Documentation:

See Flexbox documentation for more information.

OptionalpaddingLeft

paddingLeft?: number

Flexbox container padding left

Remarks

CSS Documentation:

See Flexbox documentation for more information.

OptionalpaddingRight

paddingRight?: number

Flexbox container padding right

Remarks

CSS Documentation:

See Flexbox documentation for more information.

OptionalpaddingTop

paddingTop?: number

Flexbox container padding top

Remarks

CSS Documentation:

See Flexbox documentation for more information.

Optionalwrap

wrap?: boolean

Flexbox container wrap

Remarks

Difference from CSS:

  • Only wrap (true) and no wrap (false) are supported

CSS Documentation:

See Flexbox documentation for more information.

Settings

Member Visibility

On This Page

Properties