crimson-quirks/crimson-quirks-ui
1
0
Fork 0
mirror of https://github.com/hazemKrimi/crimson-quirks-ui.git synced 2026-05-01 18:20:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update input component

Browse Source
This commit is contained in:
Hazem Krimi
2021-04-23 18:21:01 +01:00
parent ae78a7afb0
commit 916459e894
2 changed files with 35 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Input/index.tsx
+16 -14
View File
@@ -19,7 +19,7 @@ type InputProps = {
value: string;
label?: string;
name: string;
type?: 'text' | 'email' | 'password' | 'file' | 'number';
type?: 'text' | 'email' | 'tel' | 'password' | 'file' | 'number';
placeholder?: string;
fullWidth?: boolean;
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
@@ -52,19 +52,21 @@ const Input = ({
)}
</div>
<div className='input'>
{type === 'file' && (
<span className='icon left'>
<Upload />
</span>
)}
<input
type={type}
value={value}
onChange={onChange}
name={name}
accept={type === 'file' ? 'image/*' : undefined}
placeholder={placeholder}
/>
<div>
{type === 'file' && (
<span className='icon left'>
<Upload />
</span>
)}
<input
type={type}
value={value}
onChange={onChange}
name={name}
accept={type === 'file' ? 'image/*' : undefined}
placeholder={placeholder}
/>
</div>
</div>
</Wrapper>
);