15 lines
600 B
TypeScript
15 lines
600 B
TypeScript
import * as React from "react";
|
|
import { twMerge } from "tailwind-merge";
|
|
|
|
export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
|
|
|
|
export const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, ...props }, ref) => {
|
|
return (
|
|
<input
|
|
ref={ref}
|
|
className={twMerge("flex h-10 w-full rounded-2xl border border-slate-300 bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-slate-400 disabled:opacity-50", className)}
|
|
{...props}
|
|
/>
|
|
);
|
|
});
|
|
Input.displayName = "Input"; |