navigate between pages with nav component

2025-11-08 23:26:44 -06:00
parent 3f05b9a2a5
commit b49b99eb15
2 changed files with 20 additions and 4 deletions
@@ -1,8 +1,24 @@
+import { Button } from '@mui/material';
+import { Link } from 'react-router-dom';
+
 export default function Navbar() {
  return (
    <div className="flex-row">
-      <button />
-      <button />
+      <Button
+        variant="outlined"
+        component={Link}
+        to="/"
+      >
+        Home
+      </Button>
+      <Button
+        variant="outlined"
+        component={Link}
+        to="/article"
+      >
+        Article
+      </Button>
+
    </div>
  );
 };