Add the default heading level with the as prop for NAvlist.Group

primer · May 15, 2024 · 82c8251 · 82c8251
1 parent 4ecbe1a
commit 82c8251
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react/src/NavList/NavList.tsx b/packages/react/src/NavList/NavList.tsx
@@ -259,7 +259,9 @@ const Group: React.FC<NavListGroupProps> = ({title, children, sx: sxProp = defau
     <>
       {/* Hide divider if the group is the first item in the list */}
       <ActionList.Divider sx={{'&:first-child': {display: 'none'}}} />
-      <ActionList.Group {...props} title={title} sx={sxProp}>
+      <ActionList.Group {...props} sx={sxProp}>
+        {/* Setting up the default value for the heading level. TODO: API update to give flexibility to NavList.Group */}
+        <ActionList.GroupHeading as="h3">{title}</ActionList.GroupHeading>
         {children}
       </ActionList.Group>
     </>