# header

`LayoutComponent` ❌ Theme ✅ Options ✅ Content & Translations

To edit the Header, you need to edit the layout-component `header` and send a **PATCH** request on `/widgets/layout-component/{layout-component-id}` and specify the following options in the `options` property.

| Element             | Description                                | Component options                                                                                                                    |
| ------------------- | ------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
| `user`              | Text element in the footer.                | To display the user email address, set `isShown` to `true`.                                                                          |
| `mainTitle`         | Main title in the Header.                  | [DidomiTextOptions](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/edit-a-widget/options#didomitextoptions)   |
| `introductionTitle` | Description text element below main title. | [DidomiTextOptions](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/edit-a-widget/options#didomitextoptions)   |
| `logo`              | Logo placeholder at the top of the header. | [DidomiImageOptions](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/edit-a-widget/options#didomiimageoptions) |
| `logoWrapper`       | Logo container.                            | [DidomiStyle](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/edit-a-widget/options#didomistyle)               |
| `bannerImage`       | Banner image below the introductionTitle.  | [DidomiImageOptions](https://developers.didomi.io/api-and-platform/widgets/privacy-widgets/edit-a-widget/options#didomiimageoptions) |

```json
PATCH https://api.didomi.io/widgets/layout-components/{layout_component_id}?organization_id=YOUR_ORG_ID&widget_id=YOUR_WIDGET_ID

{
    "type": "footer",
    "organization_id": "String",
    "options": {
        "user": {
            "isShown": Boolean
        },
        "mainTitle": {
            "style": {
                "default": {
                    "color": "",
                    "fontSize": "",
                    "lineHeight": "",
                    "fontWeight": ""
                }
            },        
            "content": {
                "en": "YOUR_TITLE",
                "fr": "VOTRE_TITRE"
            }
        },
        "introductionTitle": {
            "style": {
                "default": {
                    "color": "",
                    "fontSize": "",
                    "lineHeight": "",
                    "fontWeight": ""
                }
            },        
            "content": {
                "en": "YOUR_INTRODUCTION",
                "fr": "VOTRE_INTRODUCTION"
            }
        },
        "logo": {
            "src": "YOUR_URL",
            "style": {
                "default": {
                      "padding": "",
                      "margin": "",
                      "width": ""
                }
            }            
        },
        "logoWrapper": {}
        "bannerImage": {
            "src": "YOUR_URL",
            "style": {
                "default": {
                      "padding": "",
                      "margin": "",
                      "width": ""
                }
            }            
        } 
    }
}
```