Add description

docs/src/modules/components/AppLayoutDocs.js

@@ -137,7 +137,7 @@ export default function AppLayoutDocs(props) {
   const Layout = disableLayout ? React.Fragment : AppFrame;
   const layoutProps = disableLayout ? {} : { BannerComponent };
 
-  const card = `/edge-functions/og-image?product=${productName}&title=${title}`;
+  const card = `/edge-functions/og-image?product=${productName}&title=${title}&description=${description}`;
   return (
     <Layout {...layoutProps}>
       <GlobalStyles

netlify/edge-functions/og-image.tsx

@@ -8,6 +8,7 @@ export default async function handler(req: Request) {
   const title = params.get('title');
   const authors = params.get('authors');
   const product = params.get('product');
+  const description = params.get('description');
 
   const parsedAuthors =
     authors &&
@@ -122,6 +123,22 @@ export default async function handler(req: Request) {
                   })}
                 </p>
               ))}
+            {description && (
+              <p
+                style={{
+                  fontSize: '24px',
+                  fontWeight: 600,
+                  lineHeight: '40px',
+                  marginTop: 20,
+                  marginBottom: 0,
+                  marginLeft: 0,
+                  marginRight: 0,
+                  width: '100%',
+                }}
+              >
+                {description}
+              </p>
+            )}
           </div>
           <div
             style={{