> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tappify.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# TapPageHeader

> Renders the title, description and actions at the top of a tab, a page or a settings panel.

```ts theme={null}
function TapPageHeader(__namedParameters): ReactElement;
```

Renders the title, description and actions at the top of a tab, a page or a
settings panel.

## Parameters

### \_\_namedParameters

[`TapPageHeaderProps`](/extensions/reference/frontend-api/Interface.TapPageHeaderProps)

## Returns

`ReactElement`

## Remarks

The title renders as an `h2`, because the host owns the page's `h1`. The
description follows `--fg-muted` and the rule under the header follows
`--divider`. Under 360 pixels of mount width the actions stack under the title.
A widget in a slot uses `TapCard`'s own header instead.

## Example

```tsx theme={null}
import { TapButton, TapPageHeader } from '@tappify/extension-sdk';

function FunnelsHeader() {
  return (
    <TapPageHeader
      title="Funnels"
      description="Every step from impression to install."
      actions={<TapButton size="sm">New funnel</TapButton>}
    />
  );
}
```