@payfit/unity-components
Version:
25 lines (24 loc) • 864 B
TypeScript
import { ReactNode } from 'react';
import { TextProps } from '../../text/Text.js';
export type TimelineStepHeaderProps = {
/**
* Label title
*/
title: string;
/**
* Optional subtitle
*/
subtitle?: ReactNode;
/**
* Optional header element type
* @default h3
*/
asHeader?: Extract<TextProps['asElement'], 'h3' | 'h4' | 'h5' | 'h6'>;
};
/**
* TimelineStepHeader groups title and subtitle together with no gap
* This matches the Figma design "Label container"
* The statusSlot from TimelineStepContent is displayed next to the title in vertical orientation
* or horizontal mobile, but not in horizontal desktop (where it appears at the bottom)
*/
export declare const TimelineStepHeader: import('react').ForwardRefExoticComponent<TimelineStepHeaderProps & import('react').RefAttributes<HTMLDivElement>>;