add label class name

This commit is contained in:
Rodrigo Antinarelli authored and James A. Petts committed 2020-05-15 13:18:34 +02:00
1 parent f713306fe3
commit ddac8a4299
1 file changed
+9 -2
+9 -2
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 = {