TapPageHeader - Tappify Documentation

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

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

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>}
    />
  );
}