Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-17 02:01:29 +10:00
Code Issues Packages Projects Releases Wiki Activity

more organization, added references and languages

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-27 16:41:54 +05:30
parent e3b6cea833
commit 1de3aaa523
14 changed files with 659 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/shared/TextField.js
View File

@ -1,6 +1,14 @@
import React from 'react';
const TextField = ({ label, placeholder, value, onChange, className, disabled }) => (
const TextField = ({
label,
placeholder,
value,
onChange,
className,
disabled = false,
type = 'text',
}) => (
<div className={`w-full flex flex-col ${className}`}>
{label && (
<label className="uppercase tracking-wide text-gray-600 text-xs font-semibold mb-2">
@ -9,7 +17,7 @@ const TextField = ({ label, placeholder, value, onChange, className, disabled })
)}
<input
className="appearance-none block w-full bg-gray-200 text-gray-800 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500"
type="text"
type={type}
disabled={disabled}
value={value}
onChange={e => onChange(e.target.value)}