interface FlexItem {
    alignSelf?: string;
    grow?: number;
    margin?: number;
    marginBottom?: number;
    marginLeft?: number;
    marginRight?: number;
    marginTop?: number;
    maxHeight?: number;
    maxWidth?: number;
    minHeight?: number;
    minWidth?: number;
    shrink?: number;
}

Properties

alignSelf?: string

Flexbox item align self

CSS Documentation:

See Flexbox documentation for more information.

grow?: number

Flexbox item grow

CSS Documentation:

See Flexbox documentation for more information.

margin?: number

Flexbox item margin

CSS Documentation:

See Flexbox documentation for more information.

marginBottom?: number

Flexbox item margin bottom

CSS Documentation:

See Flexbox documentation for more information.

marginLeft?: number

Flexbox item margin left

CSS Documentation:

See Flexbox documentation for more information.

marginRight?: number

Flexbox item margin right

CSS Documentation:

See Flexbox documentation for more information.

marginTop?: number

Flexbox item margin top

CSS Documentation:

See Flexbox documentation for more information.

maxHeight?: number

Flexbox item maximum height

CSS Documentation:

See Flexbox documentation for more information.

maxWidth?: number

Flexbox item maximum width

CSS Documentation:

See Flexbox documentation for more information.

minHeight?: number

Flexbox item minimum height

CSS Documentation:

See Flexbox documentation for more information.

minWidth?: number

Flexbox item minimum width

Difference from CSS: CSS Documentation:

See Flexbox documentation for more information.

shrink?: number

Flexbox item shrink

Difference from CSS:

  • Non-containers are not shrinkable by default

CSS Documentation:

See Flexbox documentation for more information.