diff --git a/packages/module/src/PageHeader/PageHeader.tsx b/packages/module/src/PageHeader/PageHeader.tsx index b29397e3..c601212c 100644 --- a/packages/module/src/PageHeader/PageHeader.tsx +++ b/packages/module/src/PageHeader/PageHeader.tsx @@ -42,6 +42,8 @@ export interface PageHeaderProps extends React.PropsWithChildren { ouiaId?: string | number; /** Child nodes */ children?: React.ReactNode; + /** Optional classname that replaces the existing classname on the h1 element */ + headingClassname?: string; } const useStyles = createUseStyles({ @@ -59,7 +61,8 @@ export const PageHeader: React.FunctionComponent = ({ breadcrumbs = null, actionMenu, ouiaId = 'PageHeader', - children = null + children = null, + headingClassname, }: PageHeaderProps) => { const classes = useStyles(); const { isExternal = false, ...linkRestProps } = linkProps ?? {}; @@ -92,7 +95,7 @@ export const PageHeader: React.FunctionComponent = ({ {title && ( - + {title}