From 926e68f854ec9ba47e0727ebaa30cf0c6b58f6d1 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Tue, 21 May 2019 16:29:29 +0300
Subject: [PATCH] StyleguidePage: add rawOnly flag for positioned components

---
 src/containers/StyleguidePage/StyleguidePage.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/containers/StyleguidePage/StyleguidePage.js b/src/containers/StyleguidePage/StyleguidePage.js
index 510f6045..a68673a3 100644
--- a/src/containers/StyleguidePage/StyleguidePage.js
+++ b/src/containers/StyleguidePage/StyleguidePage.js
@@ -17,6 +17,7 @@ const Example = props => {
     description,
     props: exampleProps,
     useDefaultWrapperStyles,
+    rawOnly,
   } = props;
 
   const exampleWrapperClassName = useDefaultWrapperStyles ? css.defaultWrapperStyles : '';
@@ -51,7 +52,20 @@ const Example = props => {
       </span>
       {desc}
       <div className={exampleWrapperClassName}>
-        <ExampleComponent {...exampleProps} />
+        {rawOnly ? (
+          <p>
+            This component is available in{' '}
+            <NamedLink
+              name="StyleguideComponentExampleRaw"
+              params={{ component: componentName, example: exampleName }}
+            >
+              raw mode
+            </NamedLink>{' '}
+            only.
+          </p>
+        ) : (
+          <ExampleComponent {...exampleProps} />
+        )}
       </div>
     </li>
   );