# ion-header Header is a parent component that holds the toolbar component. It's important to note that ion-header needs to be the one of the three root elements of a page ## Properties | Property | Attribute | Description | Type | | ------------- | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | | `mode` | `mode` | The mode determines which platform styles to use. Possible values are: `"ios"` or `"md"`. | `Mode` | | `translucent` | `translucent` | If true, the header will be translucent. Note: In order to scroll content behind the header, the `fullscreen` attribute needs to be set on the content. Defaults to `false`. | `boolean` | ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*