A responsive page header component with flexible positioning for titles, badges, helper actions, and metadata.
// Source: https://github.com/pinterest/gestalt | License: Apache-2.0 | Copyright You must retain, in the Source form of any Derivative Works
// Provided via justclaw.it.com; keep this notice with the code.
import { ReactElement, ReactNode } from 'react';
import Box from './Box';
import { Dimension } from './boxTypes';
import Flex from './Flex';
import styles from './PageHeader.css';
import {
PageHeaderActionBlock,
PageHeaderBadge,
PageHeaderHelperIconButton,
PageHeaderItemsBlock,
PageHeaderSubtext,
PageHeaderThumbnail,
PageHeaderTitle,
} from './PageHeader/components';
import { Indexable } from './zIndex';
export type ActionType = ReactElement;
type Props = {
/**
* Adds [Badge](https://gestalt.pinterest.systems/web/badge) displayed after the title. Be sure to localize
... (truncated -- full source via MCP)
See the full source, get the GitHub permalink, and search for more like it.
Get a free API key