tailwind-ui-library/components/form/Input.tsx
2024-10-16 15:20:34 +01:00

18 lines
481 B
TypeScript

import { DetailedHTMLProps, InputHTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";
export default function Input({
...props
}: DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>) {
return (
<input
{...props}
className={twMerge(
"w-full px-4 py-2 border border-slate-300 rounded",
"twui-input",
props.className
)}
/>
);
}