I guess DaisyUI has rotating text now... awesome!

2026-02-24 16:50:00 -07:00
parent 6dea3ac96c
commit cbdab153da
4 changed files with 25 additions and 42 deletions
--- a/src/components/RotatingText.astro
+++ b/src/components/RotatingText.astro
@@ -0,0 +1,22 @@
+---
+interface Props {
+    items: Array<{
+        text: string;
+        className: string;
+    }>;
+}
+
+const { items } = Astro.props;
+---
+
+<span class="text-rotate duration-9000">
+    <span>
+        {
+            items.map((item) => (
+                <span class:list={["mx-auto text-center", item.className]}>
+                    {item.text}
+                </span>
+            ))
+        }
+    </span>
+</span>