update: icons, bars

tiptiz · Dec 27, 2024 · 428e08c · 428e08c
1 parent c4e569b
commit 428e08c
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/docs/src/components/page-index/ToolbarRich.tsx b/docs/src/components/page-index/ToolbarRich.tsx
@@ -0,0 +1,29 @@
+"use client"
+import FormatBrush from "@/components/editor-toolbars/FormatBrush"
+import FormatClear from "@/components/editor-toolbars/FormatClear"
+import Redo from "@/components/editor-toolbars/Redo"
+import Undo from "@/components/editor-toolbars/Undo"
+import cn from "clsx"
+
+// TODO fix tailwindcss dark mode
+export default function ToolbarRich() {
+    return (
+        <>
+            <h1 className="text-[3rem] font-bold">With Rich Toolbars</h1>
+            <div
+                className={cn(
+                    "flex",
+                    "border-t border-b border-neutral-100 dark:border-neutral-500/60",
+                    "bg-neutral-100 dark:bg-neutral-800"
+                )}
+            >
+                <div className="w-15">
+                    <Undo />
+                    <Redo />
+                    <FormatClear />
+                    <FormatBrush />
+                </div>
+            </div>
+        </>
+    )
+}