Add demo videos/screenshots

ericclemmons · Apr 26, 2022 · f98c1b2 · f98c1b2
1 parent 9ef9296
commit f98c1b2
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 0 deletions.
diff --git a/packages/click-to-react-component/README.md b/packages/click-to-react-component/README.md
@@ -5,10 +5,15 @@
 
 <kbd>Option+Click</kbd> a Component in the browser to **instantly** goto the source in your editor.
 
+![Next.js Demo](next.gif)
+
 ## Features
 
 - <kbd>Option+Click</kbd> opens the immediate Component's source
 - <kbd>Option+Right-click</kbd> opens a context menu with the parent Components' props, filename, column, and line number
+
+  > ![props](props.png)
+
 - Works with frameworks like [Next.js](https://nextjs.org/),
   [Create React App](https://create-react-app.dev/),
   & [Remix](https://remix.run/) that uses [@babel/plugin-transform-react-jsx-source](https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-react-jsx-source)
@@ -69,6 +74,8 @@ Even though `click-to-react-component` is added to `dependencies`, [tree-shaking
  );
 ```
 
+> ![Create React App Demo](cra.gif)
+
 </details>
 
 <details>
@@ -90,6 +97,8 @@ Even though `click-to-react-component` is added to `dependencies`, [tree-shaking
    )
 ```
 
+> ![Next.js Demo](next.gif)
+
 </details>
 
 ## Run Locally

diff --git a/packages/click-to-react-component/cra.gif b/packages/click-to-react-component/cra.gif
diff --git a/packages/click-to-react-component/next.gif b/packages/click-to-react-component/next.gif
diff --git a/packages/click-to-react-component/props.png b/packages/click-to-react-component/props.png