feat: add ID to title element

canonical · Jun 28, 2024 · 18537ba · 18537ba
1 parent 57a9e0c
commit 18537ba
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/Panel/Panel.tsx b/src/components/Panel/Panel.tsx
@@ -75,6 +75,10 @@ type TitleProps = {
    * @default h4
    */
   titleComponent?: ElementType;
+  /**
+   * An ID for the title element.
+   */
+  titleId?: string;
 };
 
 type HeaderProps<L = LogoDefaultElement> = ExclusiveProps<
@@ -185,6 +189,7 @@ const Panel = <L = LogoDefaultElement,>({
   title,
   titleClassName,
   titleComponent: TitleComponent = "h4",
+  titleId,
   toggle,
   wrapContent = true,
   ...props
@@ -208,6 +213,7 @@ const Panel = <L = LogoDefaultElement,>({
           ) : (
             <TitleComponent
               className={classNames("p-panel__title", titleClassName)}
+              id={titleId}
             >
               {title}
             </TitleComponent>