Adding class

benazeer-ben · Jan 21, 2025 · 46873a0 · 46873a0
1 parent 0c5f70d
commit 46873a0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/block-library/src/table-of-contents/edit.js b/packages/block-library/src/table-of-contents/edit.js
@@ -123,14 +123,14 @@ export default function TableOfContentsEdit( {
 			>
 				<ToolsPanelItem
 					hasValue={ () => !! title }
-					label={ __( 'Title' ) }
+					label={ __( 'HEADING TEXT' ) }
 					onDeselect={ () => setAttributes( { title: '' } ) }
 					isShownByDefault
 				>
 					<TextControl
 						__next40pxDefaultSize
 						__nextHasNoMarginBottom
-						label={ __( 'Title' ) }
+						label={ __( 'HEADING TEXT' ) }
 						value={ title }
 						help={ __(
 							'Set the heading text of the block. Default value: Table of Contents'
@@ -193,7 +193,11 @@ export default function TableOfContentsEdit( {
 	return (
 		<>
 			<nav { ...blockProps }>
-				{ title && <h2>{ title }</h2> }
+				{ title && (
+					<h2 className="wp-block-table-of-contents__title">
+						{ title }
+					</h2>
+				) }
 				<ol>
 					<TableOfContentsList
 						nestedHeadingList={ headingTree }

diff --git a/packages/block-library/src/table-of-contents/save.js b/packages/block-library/src/table-of-contents/save.js
@@ -15,7 +15,9 @@ export default function save( { attributes: { headings = [], title } } ) {
 	}
 	return (
 		<nav { ...useBlockProps.save() }>
-			{ title && <h2>{ title }</h2> }
+			{ title && (
+				<h2 className="wp-block-table-of-contents__title">{ title }</h2>
+			) }
 			<ol>
 				<TableOfContentsList
 					nestedHeadingList={ linearToNestedHeadingList( headings ) }