From 2b4ffd2b1f2bdeab4981deb7a3eff32a3d7a22ef Mon Sep 17 00:00:00 2001
From: Taylor Jones <tay1orjones@users.noreply.github.com>
Date: Thu, 7 Jul 2022 11:24:27 -0500
Subject: [PATCH] feat(sidenavdetails): spread additional props to underlying
 container (#11692)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 packages/react/src/components/UIShell/SideNavDetails.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/UIShell/SideNavDetails.js b/packages/react/src/components/UIShell/SideNavDetails.js
index da0ecee441cc..82bcd9fadf1d 100644
--- a/packages/react/src/components/UIShell/SideNavDetails.js
+++ b/packages/react/src/components/UIShell/SideNavDetails.js
@@ -10,11 +10,16 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix';
 
-const SideNavDetails = ({ children, className: customClassName, title }) => {
+const SideNavDetails = ({
+  children,
+  className: customClassName,
+  title,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__details`, customClassName);
   return (
-    <div className={className}>
+    <div className={className} {...rest}>
       <h2 className={`${prefix}--side-nav__title`} title={title}>
         {title}
       </h2>