Skip to main content

TimelineHeader

  • The TimelineHeader component is use display a styled header for a timeline or similar UI element.
  • It combines a decorative circular element and a text heading.

Props​

  1. heading
    • Type: string
    • Description: The text to display as the header.

Usage Example​

function Example(pageContext) {
  const { protrakComponents } = React.useContext(customWidgetContext);
  const { TimelineHeader } = protrakComponents;

  return <TimelineHeader heading="Project Start" />;
}
  • This renders a timeline header with the text "Project Start" and a decorative circular element.