diff --git a/src/components/details/Details.js b/src/components/details/Details.js
index 155e1e3ec..698c326d6 100644
--- a/src/components/details/Details.js
+++ b/src/components/details/Details.js
@@ -4,11 +4,12 @@ import 'details-polyfill'
 const Details = ({
   summaryText = 'Advanced',
   children,
+  onClick,
   ...props
 }) => {
   return (
     <details {...props}>
-      <summary className='pointer blue outline-0'>{summaryText}</summary>
+      <summary className='pointer blue outline-0' onClick={onClick}>{summaryText}</summary>
       {children}
     </details>
   )