docs: fix examples

Renna-Labs · Feb 2, 2023 · f4ed533 · f4ed533
1 parent 7c9bc20
commit f4ed533
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -325,7 +325,7 @@ function Demo() {
       <h1>
         Page loaded <b>{seconds}</b> seconds ago
       </h1>
-      <button onClick={interval.toggle} color={interval.active ? 'red' : 'green'} variant="outline">
+      <button onClick={interval.toggle} style={{ color: interval.active ? 'red' : 'green' }}>
         {interval.active ? 'Stop' : 'Start'} counting
       </button>
     </div>
@@ -364,7 +364,7 @@ function LaggyTimer() {
   return (
     <div>
       <h1>It has been {seconds} seconds.</h1>
-      <button onClick={interval.toggle} color={interval.active ? 'red' : 'green'} variant="outline">
+      <button onClick={interval.toggle} style={{ color: interval.active ? 'red' : 'green' }}>
         {interval.active ? 'Stop' : 'Start'} counting
       </button>
     </div>
@@ -471,7 +471,7 @@ function Demo() {
   const { toggle, fullscreen } = useFullscreen();
 
   return (
-    <button onClick={toggle} color={fullscreen ? 'red' : 'blue'}>
+    <button onClick={toggle} style={{ color: fullscreen ? 'red' : 'green' }}>
       {fullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
     </button>
   );
@@ -495,7 +495,7 @@ function Demo() {
         width={200}
       />
 
-      <button onClick={toggle} color={fullscreen ? 'red' : 'blue'}>
+      <button onClick={toggle} style={{ color: fullscreen ? 'red' : 'green' }}>
         {fullscreen ? 'Exit Fullscreen' : 'View Image Fullscreen'}
       </button>
     </>

diff --git a/src/index.ts b/src/index.ts
@@ -10,9 +10,9 @@ export { useMediaQuery } from './useMediaQuery/useMediaQuery';
 export { useWindowSize } from './useWindowSize/useWindowSize';
 export { useElementSize } from './useElementSize/useElementSize';
 export { useLocalStorage } from './useLocalStorage/useLocalStorage';
+export { useResizeObserver } from './useElementSize/useElementSize';
 export { useMousePosition } from './useMousePosition/useMousePosition';
 export { useNetworkStatus } from './useNetworkStatus/useNetworkStatus';
-export { useResizeObserver } from './useElementSize/useElementSize';
 export { useOnClickOutside } from './useOnClickOutside/useOnClickOutside';
 export { useRandomInterval } from './useRandomInterval/useRandomInterval';
 export { useWindowScrollPosition } from './useWindowScrollPosition/useWindowScrollPosition';