src/PageHeader.tsx

gestalt · packages/gestalt/src/PageHeader.tsx · typescript · Apache-2.0
ui

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