added height props to toggle (#3257)

Thanks for the port!

plugins/gatsby-theme-iterative-docs/src/components/Documentation/Markdown/index.tsx

@@ -133,8 +133,9 @@ const ToggleTab: React.FC<{
 }
 
 const Toggle: React.FC<{
+  height?: string
   children: Array<{ props: { title: string } } | string>
-}> = ({ children }) => {
+}> = ({ height, children }) => {
   const [toggleId, setToggleId] = useState('')
   const {
     addNewToggle = (): null => null,
@@ -181,17 +182,20 @@ const Toggle: React.FC<{
           }
           onChange={(): void => updateToggleInd(toggleId, i)}
         >
-          {tab}
+          <div
+            className={cn('tab', styles.tab)}
+            style={{
+              minHeight: height
+            }}
+          >
+            {tab}
+          </div>
         </ToggleTab>
       ))}
     </div>
   )
 }
 
-const Tab: React.FC = ({ children }) => (
-  <div className={cn('tab', styles.tab)}>{children}</div>
-)
-
 // Rehype's typedefs don't allow for custom components, even though they work
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const renderAst = new (rehypeReact as any)({
@@ -204,7 +208,7 @@ const renderAst = new (rehypeReact as any)({
     cards: Cards,
     details: Details,
     toggle: Toggle,
-    tab: Tab
+    tab: React.Fragment
   }
 }).Compiler