IAreaGridLayout interface

Package:

@microsoft/teams.cards

A layout that divides a container into named areas into which elements can be placed.

Properties

areas	The areas in the grid layout.
columns	The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.
columnSpacing	The space between columns.
rowSpacing	The space between rows.
targetWidth	Controls for which card width the layout should be used.
type	Must be Layout.AreaGrid.

Property Details

areas

The areas in the grid layout.

areas?: IGridArea[]

Property Value

IGridArea[]

columns

The columns in the grid layout, defined as a percentage of the available width or in pixels using the <number>px format.

columns?: (string | number)[]

Property Value

(string | number)[]

columnSpacing

The space between columns.

columnSpacing?: Spacing

Property Value

Spacing

rowSpacing

The space between rows.

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.AreaGrid.

type: "Layout.AreaGrid"

Property Value

"Layout.AreaGrid"