espace-paie-odentas/components/ui/input.tsx

16 lines
No EOL
453 B
TypeScript

import * as React from 'react';
export type InputProps = React.InputHTMLAttributes<HTMLInputElement>
export const Input = React.forwardRef<HTMLInputElement, InputProps>(
({ className = '', ...props }, ref) => {
return (
<input
ref={ref}
className={`h-10 w-full rounded-md border px-3 text-sm outline-none focus:ring-2 focus:ring-black/10 ${className}`}
{...props}
/>
);
}
);
Input.displayName = 'Input';