# SectionLayoutConfigurationProperty

The layout configuration of a section.

- Source: Generated code
- Type last changed: v2.93.0 · 23 Aug 2023

## 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 sectionLayoutConfigurationProperty: quicksight.CfnAnalysis.SectionLayoutConfigurationProperty = {
  freeFormLayout: {
    elements: [{
      elementId: 'elementId',
      elementType: 'elementType',
      height: 'height',
      width: 'width',
      xAxisLocation: 'xAxisLocation',
      yAxisLocation: 'yAxisLocation',

      // the properties below are optional
      backgroundStyle: {
        color: 'color',
        visibility: 'visibility',
      },
      borderRadius: 'borderRadius',
      borderStyle: {
        color: 'color',
        visibility: 'visibility',
        width: 'width',
      },
      loadingAnimation: {
        visibility: 'visibility',
      },
      padding: 'padding',
      renderingRules: [{
        configurationOverrides: {
          visibility: 'visibility',
        },
        expression: 'expression',
      }],
      selectedBorderStyle: {
        color: 'color',
        visibility: 'visibility',
        width: 'width',
      },
      visibility: 'visibility',
    }],
  },
};
```

## Properties

- `freeFormLayout`: [IResolvable](/cdk/api/v2/docs/aws-cdk-lib.IResolvable.html) | [CfnAnalysis.FreeFormSectionLayoutConfigurationProperty](/cdk/api/v2/docs/aws-cdk-lib.aws_quicksight.CfnAnalysis.FreeFormSectionLayoutConfigurationProperty.html) (required) — The free-form layout configuration of a section.