diff --git a/src/components/ComponentExample.js b/src/components/ComponentExample.js
index dae98b05a..e7bae111e 100644
--- a/src/components/ComponentExample.js
+++ b/src/components/ComponentExample.js
@@ -30,8 +30,9 @@ const ComponentExample = ({ className, example }) => {
         }}
         code={formattedCode}
         theme={github}
+        disabled={!example.options.live}
       >
-        <LivePreview className={styles.preview} />
+        {example.options.live && <LivePreview className={styles.preview} />}
         <LiveEditor style={{ fontSize: '0.75rem' }} />
         <LiveError className={styles.error} />
       </LiveProvider>
@@ -44,6 +45,7 @@ ComponentExample.propTypes = {
   example: PropTypes.shape({
     label: PropTypes.string.isRequired,
     sourceCode: PropTypes.string.isRequired,
+    options: PropTypes.object.isRequired,
   }).isRequired,
 };