From 2db768dc5520da915b73c817bd74faf21cca7774 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Wed, 3 Jun 2020 10:12:08 -0700
Subject: [PATCH] feat: Add Grid component

---
 src/components/ComponentExample.module.scss | 14 ++++++++++++++
 src/data/sidenav.json                       |  4 ++++
 src/markdown-pages/components/grid.mdx      |  7 +++++++
 3 files changed, 25 insertions(+)
 create mode 100644 src/markdown-pages/components/grid.mdx

diff --git a/src/components/ComponentExample.module.scss b/src/components/ComponentExample.module.scss
index eb7f00f65..e3ea3435a 100644
--- a/src/components/ComponentExample.module.scss
+++ b/src/components/ComponentExample.module.scss
@@ -6,6 +6,20 @@
       margin-left: 0.5rem;
     }
   }
+
+  :global(.nr1-RedBox) {
+    color: red;
+    background: rgba(255, 0, 0, 0.15);
+    box-shadow: inset 0 0 0 1px rgba(255, 0, 0, 0.5);
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    padding: 0.5rem;
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .error {
diff --git a/src/data/sidenav.json b/src/data/sidenav.json
index 22028eef7..2298c7469 100644
--- a/src/data/sidenav.json
+++ b/src/data/sidenav.json
@@ -43,6 +43,10 @@
           {
             "displayName": "CardHeader",
             "url": "/components/card-header"
+          },
+          {
+            "displayName": "Grid",
+            "url": "/components/grid"
           }
         ]
       },
diff --git a/src/markdown-pages/components/grid.mdx b/src/markdown-pages/components/grid.mdx
new file mode 100644
index 000000000..726d37925
--- /dev/null
+++ b/src/markdown-pages/components/grid.mdx
@@ -0,0 +1,7 @@
+---
+path: '/components/grid'
+title: 'Grid'
+description: 'A Grid component!'
+component: 'Grid'
+template: 'ReferenceTemplate'
+---