feat(component): add input preview component

ruru-m07 · Jul 28, 2024 · bdb8aec · bdb8aec
1 parent f9cb1d2
commit bdb8aec
Show file tree

Hide file tree

Showing 3 changed files with 169 additions and 162 deletions.
diff --git a/apps/www/components/preview/index.tsx b/apps/www/components/preview/index.tsx
@@ -5,6 +5,7 @@ import { Button } from "ruru-ui/components/button";
 import { Spinner } from "ruru-ui/components/spinner";
 import { Avatar } from "ruru-ui/components/avatar";
 import { Checkbox } from "ruru-ui/components/checkbox";
+import { Input } from "ruru-ui/components/input";
 import {
   Tooltip,
   TooltipContent,
@@ -13,6 +14,7 @@ import {
 } from "ruru-ui/components/tooltip";
 
 import { BadgePreview } from "../badgePreview";
+import { PersonIcon } from "@radix-ui/react-icons";
 
 export default {
   button: (
@@ -88,4 +90,15 @@ export default {
       </div>
     </Wrapper>
   ),
+  input: (
+    <Wrapper>
+      <div className="flex items-center justify-center gap-4">
+        <Input
+          prefix={"https://"}
+          suffix={".com"}
+          placeholder="Enter your domain name"
+        />
+      </div>
+    </Wrapper>
+  ),
 } as Record<string, ReactNode>;