> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# WidgetExportData

- Package: [@gooddata/sdk-ui-dashboard](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/index.md)
- Kind: type-alias
- Stability: alpha
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-dashboard/src/presentation/export/types.ts

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Data attributes for export mode to be added to the widget and its components.

When customizing a widget component, spread these properties in the element intended for export.

**Signature:**

```typescript
export type WidgetExportData = HeaderExportData & {
    section?: CommonExportDataAttributes;
    widget?: WidgetExportDataAttributes;
};
```
**References:** [HeaderExportData](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.headerexportdata/index.md), [CommonExportDataAttributes](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.commonexportdataattributes/index.md), [WidgetExportDataAttributes](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.widgetexportdataattributes/index.md)

## Example

```tsx
const DashboardWidgetComponent: CustomDashboardWidgetComponent = ({ widget, exportData }) => {
  return (
      <div {...exportData?.widget}>
          <div>My custom dashboard widget - {widget?.identifier}</div>
          <div {...exportData?.title}>Widget title</div>
          <div {...exportData?.description}>Widget description</div>
      </div>
  );
};
```