diff --git a/src/components/Input/index.js b/src/components/Input/index.js index b6855ef4..7994d0c6 100644 --- a/src/components/Input/index.js +++ b/src/components/Input/index.js @@ -57,6 +57,11 @@ const Wrapper = styled.div` const InputWrapper = styled.div``; +const InputLabel = styled.span` + padding-bottom: 4px; + color: ${colors.TEXT_SECONDARY}; +`; + const ErrorLabel = styled.span` margin-top: 10px; font-size: ${FONT_SIZE.SMALLER}; @@ -69,9 +74,23 @@ const StyledIcon = styled(Icon)` `; const Input = ({ - type, autoComplete, autoCorrect, autoCapitalize, spellCheck, value, onChange, isSuccess, isWarning, isError, errorText, + type, + autoComplete, + autoCorrect, + autoCapitalize, + spellCheck, + value, + onChange, + isSuccess, + isWarning, + isError, + errorText, + inputLabel, }) => ( + {inputLabel && ( + {inputLabel} + )}