feat: support JSX.Element type of header`s overtitle props (#1115)

gravity-ui · Feb 4, 2025 · 39307f6 · 39307f6
1 parent 3b73f2b
commit 39307f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/blocks/Header/Header.tsx b/src/blocks/Header/Header.tsx
@@ -135,7 +135,11 @@ export const HeaderBlock = (props: React.PropsWithChildren<HeaderBlockFullProps>
                                 <Col sizes={titleSizes} className={b('content-inner')}>
                                     {overtitle && (
                                         <div className={b('overtitle')}>
-                                            <HTML>{overtitle}</HTML>
+                                            {typeof overtitle === 'string' ? (
+                                                <HTML>{overtitle}</HTML>
+                                            ) : (
+                                                overtitle
+                                            )}
                                         </div>
                                     )}
                                     <h1 className={b('title')} id={titleId}>

diff --git a/src/models/constructor-items/blocks.ts b/src/models/constructor-items/blocks.ts
@@ -164,7 +164,7 @@ export type ThemedHeaderBlockBackground = ThemeSupporting<HeaderBlockBackground>
 
 export interface HeaderBlockProps {
     title: string;
-    overtitle?: string;
+    overtitle?: string | JSX.Element;
     description?: string;
     buttons?: Pick<ButtonProps, 'url' | 'text' | 'theme' | 'primary' | 'size' | 'extraProps'>[];
     width?: HeaderWidth;