icons

Author: rbbydotdev

website/src/lib/layout.shared.tsx

@@ -1,4 +1,5 @@
 import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import { BookOpen, SquareTerminal } from 'lucide-react';
 import { gitConfig } from './shared';
 
 export function baseOptions(): BaseLayoutProps {
@@ -13,11 +14,21 @@ export function baseOptions(): BaseLayoutProps {
     githubUrl: `https://github.com/${gitConfig.user}/${gitConfig.repo}`,
     links: [
       {
-        text: 'Documentation',
+        text: (
+          <span className="inline-flex items-center gap-1.5">
+            <BookOpen className="size-4" />
+            Documentation
+          </span>
+        ),
         url: '/docs',
       },
       {
-        text: 'Playground',
+        text: (
+          <span className="inline-flex items-center gap-1.5">
+            <SquareTerminal className="size-4" />
+            Playground
+          </span>
+        ),
         url: 'https://rbby.dev/gnata-sqlite/playground',
         external: true,
       },