diff options
| author | omagdy7 <omar.professional8777@gmail.com> | 2024-05-15 23:23:57 +0300 |
|---|---|---|
| committer | omagdy7 <omar.professional8777@gmail.com> | 2024-05-15 23:23:57 +0300 |
| commit | cf857bc8af5ac3725f3bdb40dcdc80752595652f (patch) | |
| tree | 72545ee4f47e133af811b8fb37db405e9b624c1d /frontend/src/components/ui/input.tsx | |
| parent | 1aa678533f0d21f8696754b1a1f456827f249b1c (diff) | |
| download | cloudrender-cf857bc8af5ac3725f3bdb40dcdc80752595652f.tar.xz cloudrender-cf857bc8af5ac3725f3bdb40dcdc80752595652f.zip | |
Final version of backend and frontend
Diffstat (limited to 'frontend/src/components/ui/input.tsx')
| -rw-r--r-- | frontend/src/components/ui/input.tsx | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/frontend/src/components/ui/input.tsx b/frontend/src/components/ui/input.tsx new file mode 100644 index 0000000..677d05f --- /dev/null +++ b/frontend/src/components/ui/input.tsx @@ -0,0 +1,25 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +export interface InputProps + extends React.InputHTMLAttributes<HTMLInputElement> {} + +const Input = React.forwardRef<HTMLInputElement, InputProps>( + ({ className, type, ...props }, ref) => { + return ( + <input + type={type} + className={cn( + "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", + className + )} + ref={ref} + {...props} + /> + ) + } +) +Input.displayName = "Input" + +export { Input } |
