add how section

emilkowalski · Nov 13, 2023 · 962dccb · 962dccb · vercel · Nov 13, 2023
1 parent 8472d54
commit 962dccb
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/website/src/components/How/How.tsx b/website/src/components/How/How.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+export const How = () => {
+  return (
+    <div>
+      <h2>How is it made?</h2>
+      <p>
+        You can read about why and how it was built{' '}
+        <a
+          href="https://emilkowal.ski/ui/building-a-toast-component"
+          target="_blank"
+          style={{ textDecoration: 'underline' }}
+        >
+          here
+        </a>
+        .
+      </p>
+    </div>
+  );
+};
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -9,6 +9,7 @@ import { Position } from '@/src/components/Position';
 import { Usage } from '@/src/components/Usage';
 import { Other } from '@/src/components/Other/Other';
 import Head from '../components/Head';
+import { How } from '../components/How/How';
 
 export default function Home() {
   const [expand, setExpand] = React.useState(false);
@@ -29,6 +30,7 @@ export default function Home() {
           <Position position={position} setPosition={setPosition} />
           <ExpandModes expand={expand} setExpand={setExpand} />
           <Other setCloseButton={setCloseButton} setRichColors={setRichColors} />
+          <How />
         </div>
       </main>
       <Footer />