add label class name

This commit is contained in:
Rodrigo Antinarelli 2020-02-14 19:46:37 -03:00 committed by James A. Petts
parent f713306fe3
commit ddac8a4299

View File

@ -4,6 +4,7 @@ import Label from '../Label';
const Input = ({ const Input = ({
label, label,
containerClassName = '', containerClassName = '',
labelClassName = '',
className = '', className = '',
transparent = defaults.transparent, transparent = defaults.transparent,
...rest ...rest
@ -25,14 +26,20 @@ const Input = ({
); );
const renderElement = () => { const renderElement = () => {
return label ? <Label text="Label">{input}</Label> : input; return label ? (
<Label className={labelClassName} text="Label">
{input}
</Label>
) : (
input
);
}; };
return <div className={`flex ${containerClassName}`}>{renderElement()}</div>; return <div className={`flex ${containerClassName}`}>{renderElement()}</div>;
}; };
const defaults = { const defaults = {
transparent: false, transparent: true,
}; };
const transparentClasses = { const transparentClasses = {