diff options
Diffstat (limited to 'cmd/mirumd/web/components/ui/input.tsx')
| -rw-r--r-- | cmd/mirumd/web/components/ui/input.tsx | 22 | +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 } |
