aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
Diffstat (limited to 'cmd/mirumd/web/components/ui/input.tsx')
-rw-r--r--cmd/mirumd/web/components/ui/input.tsx22+22 −0
1 files changed, 22 insertions, 0 deletions
diff --git a/cmd/mirumd/web/components/ui/input.tsx b/cmd/mirumd/web/components/ui/input.tsx
new file mode 100644
--- /dev/null
+++ b/cmd/mirumd/web/components/ui/input.tsx
@@ -0,0 +1,22 @@
+// Copyright (c) 2023 shadcn
+// SPDX-License-Identifier: MIT
+
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+ return (
+ <input
+ type={type}
+ data-slot="input"
+ className={cn(
+ "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+ className
+ )}
+ {...props}
+ />
+ )
+}
+
+export { Input }