MyFit/users-myfit
2
0
Fork 0
Code Issues Pull Requests Releases Activity

Styled text input

Browse Source
This commit was merged in pull request #57.
This commit is contained in:
Chukwumdiebube
2023-02-16 14:23:08 +01:00
parent 40e5615cce
commit ae01f21c61
4 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Helpers/Inputs/InputCom/index.jsx
+4 -3
View File
@@ -9,7 +9,8 @@ export default function InputCom({
iconName,
inputHandler,
value,
maxLength
maxLength,
borderColor
}) {
return (
<div className="input-com">
@@ -21,12 +22,12 @@ export default function InputCom({
{label}
</label>
)}
<div className="input-wrapper border border-light-purple dark:border-[#5356fb29] w-full rounded-[50px] h-[58px] overflow-hidden relative ">
<div className={`input-wrapper border border-light-purple dark:border-[#5356fb29] w-full rounded-[50px] h-[58px] overflow-hidden relative ${borderColor}`}>
<input
placeholder={placeholder}
value={value}
onChange={inputHandler}
className="input-field placeholder:text-base text-base px-6 text-dark-gray dark:text-white w-full h-full bg-[#FAFAFA] dark:bg-[#11131F] focus:ring-0 focus:outline-none"
className="input-field placeholder:text-base text-base px-6 text-dark-gray dark:text-white w-full h-full bg-[#FAFAFA] dark:bg-[#11131F] focus:ring-0 focus:outline-none"
type={type}
id={name}
name={name}