Add link to CodeSandbox in README

Closes #17
BKWLD · Aug 11, 2023 · fc00b81 · fc00b81
1 parent ed87045
commit fc00b81
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -18,15 +18,17 @@ import Visual from '@react-visual/next'
 export default function Example() {
   return (
     <Visual
-      image='https://placehold.co/300x150'
-      video='https://placehold.co/300x150.mp4'
-      aspect={300/150}
+      image="https://placehold.co/1600x900.png"
+      video="https://placehold.co/1600x900.mp4"
+      aspect={16 / 9}
       sizes='100vw'
-      alt='Example using placeholder images' />
+      alt='Example using placeholder assets' />
   )
 }
 ```
 
+[View CodeSandbox demo](https://codesandbox.io/p/sandbox/react-visual-next-demo-8lwxl9)
+
 ### @react-visual/sanity-next
 
 Using Sanity + Next.js Adapter to automatically populate aspect ratio, alt, blurred placeholder, and support both image and video in one object:

diff --git a/packages/sanity-next/README.md b/packages/sanity-next/README.md
@@ -58,7 +58,7 @@ If you de-reference your `image` objects in groq with a query like:
 }
 ```
 
-Then the component will read the following properties from your Image automatically:
+...then the component will read the following properties from your Image automatically:
 
 - Aspect Ratio
 - Hotspot / Focal Point