feat: basic setup for web with tailwind and routing
This commit is contained in:
21
web/src/components/ui/input.tsx
Normal file
21
web/src/components/ui/input.tsx
Normal file
@ -0,0 +1,21 @@
|
||||
import type { FC } from "react";
|
||||
|
||||
interface InputProps {
|
||||
id: string;
|
||||
type: string;
|
||||
placeholder?: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
export const Input: FC<InputProps> = ({ id, type, placeholder, className }) => {
|
||||
return (
|
||||
<input
|
||||
id={id}
|
||||
type={type}
|
||||
placeholder={placeholder}
|
||||
className={`w-full border border-gray-300 rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 ${
|
||||
className || ""
|
||||
}`}
|
||||
/>
|
||||
);
|
||||
};
|
Reference in New Issue
Block a user