# 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 | Default | | ------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------- | ----------- | | `mode` | `mode` | The mode determines which platform styles to use. | `"ios" \| "md"` | `undefined` | | `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. | `boolean` | `false` | ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*