# GridLayoutElementProperty

An element within a grid layout.

- Source: Generated code
- Type last changed: v2.272.0 · 30 Sep 2026

## Example

```ts
// The code below shows an example of how to instantiate this type.
// The values are placeholders you should change.
import { aws_quicksight as quicksight } from 'aws-cdk-lib';
const gridLayoutElementProperty: quicksight.CfnTemplate.GridLayoutElementProperty = {
  columnSpan: 123,
  elementId: 'elementId',
  elementType: 'elementType',
  rowSpan: 123,

  // the properties below are optional
  backgroundStyle: {
    color: 'color',
    visibility: 'visibility',
  },
  borderRadius: 'borderRadius',
  borderStyle: {
    color: 'color',
    visibility: 'visibility',
    width: 'width',
  },
  columnIndex: 123,
  loadingAnimation: {
    visibility: 'visibility',
  },
  padding: 'padding',
  rowIndex: 123,
  selectedBorderStyle: {
    color: 'color',
    visibility: 'visibility',
    width: 'width',
  },
};
```

## Properties

- `backgroundStyle`: [IResolvable](/cdk/api/v2/docs/aws-cdk-lib.IResolvable.html) | [CfnTemplate.GridLayoutElementBackgroundStyleProperty](/cdk/api/v2/docs/aws-cdk-lib.aws_quicksight.CfnTemplate.GridLayoutElementBackgroundStyleProperty.html)

- `borderRadius`: string

- `borderStyle`: [IResolvable](/cdk/api/v2/docs/aws-cdk-lib.IResolvable.html) | [CfnTemplate.GridLayoutElementBorderStyleProperty](/cdk/api/v2/docs/aws-cdk-lib.aws_quicksight.CfnTemplate.GridLayoutElementBorderStyleProperty.html)

- `columnIndex`: number — The column index for the upper left corner of an element.

- `columnSpan`: number (required) — The width of a grid element expressed as a number of grid columns.

- `elementId`: string (required) — A unique identifier for an element within a grid layout.

- `elementType`: string (required) — The type of element.

- `loadingAnimation`: [IResolvable](/cdk/api/v2/docs/aws-cdk-lib.IResolvable.html) | [CfnTemplate.LoadingAnimationProperty](/cdk/api/v2/docs/aws-cdk-lib.aws_quicksight.CfnTemplate.LoadingAnimationProperty.html)

- `padding`: string

- `rowIndex`: number — The row index for the upper left corner of an element.

- `rowSpan`: number (required) — The height of a grid element expressed as a number of grid rows.

- `selectedBorderStyle`: [IResolvable](/cdk/api/v2/docs/aws-cdk-lib.IResolvable.html) | [CfnTemplate.GridLayoutElementBorderStyleProperty](/cdk/api/v2/docs/aws-cdk-lib.aws_quicksight.CfnTemplate.GridLayoutElementBorderStyleProperty.html)