IFlowLayout interface

Package:

@microsoft/teams.cards

A layout that spreads elements horizontally and wraps them across multiple rows, as needed.

Properties

columnSpacing	The space between items.
horizontalItemsAlignment	Controls how the content of the container should be horizontally aligned.
itemFit	Controls how item should fit inside the container.
itemWidth	The width, in pixels, of each item, in the <number>px format. Should not be used if maxItemWidth and/or minItemWidth are set.
maxItemWidth	The maximum width, in pixels, of each item, in the <number>px format. Should not be used if itemWidth is set.
minItemWidth	The minimum width, in pixels, of each item, in the <number>px format. Should not be used if itemWidth is set.
rowSpacing	The space between rows of items.
targetWidth	Controls for which card width the layout should be used.
type	Must be Layout.Flow.
verticalItemsAlignment	Controls how the content of the container should be vertically aligned.

Property Details

columnSpacing

The space between items.

columnSpacing?: Spacing

Property Value

Spacing

horizontalItemsAlignment

Controls how the content of the container should be horizontally aligned.

horizontalItemsAlignment?: HorizontalAlignment

Property Value

HorizontalAlignment

itemFit

Controls how item should fit inside the container.

itemFit?: FlowLayoutItemFit

Property Value

FlowLayoutItemFit

itemWidth

The width, in pixels, of each item, in the <number>px format. Should not be used if maxItemWidth and/or minItemWidth are set.

itemWidth?: string

Property Value

string

maxItemWidth

The maximum width, in pixels, of each item, in the <number>px format. Should not be used if itemWidth is set.

maxItemWidth?: string

Property Value

string

minItemWidth

The minimum width, in pixels, of each item, in the <number>px format. Should not be used if itemWidth is set.

minItemWidth?: string

Property Value

string

rowSpacing

The space between rows of items.

rowSpacing?: Spacing

Property Value

Spacing

targetWidth

Controls for which card width the layout should be used.

targetWidth?: TargetWidth

Property Value

TargetWidth

type

Must be Layout.Flow.

type: "Layout.Flow"

Property Value

"Layout.Flow"

verticalItemsAlignment

Controls how the content of the container should be vertically aligned.

verticalItemsAlignment?: VerticalAlignment

Property Value

VerticalAlignment