Files
hspguard/web/src/components/ui/input.tsx

15 lines
467 B
TypeScript

import type { FC, InputHTMLAttributes } from "react";
type InputProps = InputHTMLAttributes<HTMLInputElement>;
export const Input: FC<InputProps> = ({ className, ...props }) => {
return (
<input
{...props}
className={`w-full border border-gray-300 dark:border-gray-700 dark:placeholder-gray-600 dark:text-gray-100 rounded-md px-3 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
className || ""
}`}
/>
);
};