add label class name
This commit is contained in:
parent
f713306fe3
commit
ddac8a4299
@ -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 = {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user