mirror of
https://github.com/hazemKrimi/crimson-quirks-ui.git
synced 2026-05-01 18:20:28 +00:00
Start working on input component
This commit is contained in:
@@ -1,7 +1,26 @@
|
||||
import { Wrapper } from './styles';
|
||||
|
||||
const Input = () => {
|
||||
return <Wrapper></Wrapper>;
|
||||
type InputProps = {
|
||||
className?: string;
|
||||
color?: 'client' | 'productOwner' | 'developer' | 'admin' | string;
|
||||
error?: boolean;
|
||||
errorMessage?: string;
|
||||
value: string;
|
||||
label: string;
|
||||
type: 'text' | 'email' | 'password' | 'file' | 'number';
|
||||
placeholder?: string;
|
||||
fullWidth?: boolean;
|
||||
multiline?: boolean;
|
||||
iconLeft?: React.SVGProps<SVGSVGElement>;
|
||||
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
||||
};
|
||||
|
||||
const Input = ({ type, value, ...props }: InputProps) => {
|
||||
return (
|
||||
<Wrapper {...props}>
|
||||
<input type={type} value={value} />
|
||||
</Wrapper>
|
||||
);
|
||||
};
|
||||
|
||||
export default Input;
|
||||
|
||||
Reference in New Issue
Block a user