diff --git a/src/Input.tsx b/src/Input.tsx index bcf240b2..d04e60aa 100644 --- a/src/Input.tsx +++ b/src/Input.tsx @@ -127,13 +127,15 @@ export const Input = memo( id={id} {...rest} > - + {Boolean(label || hintText) && ( + + )} {(() => { const nativeInputOrTextArea = ( - + {Boolean(label || hintText) && ( + + )}
- + {segment.label && ( + + )}
); })} diff --git a/src/Select.tsx b/src/Select.tsx index 12eaa7ee..6e632451 100644 --- a/src/Select.tsx +++ b/src/Select.tsx @@ -90,10 +90,14 @@ export const Select = memo( style={style} {...rest} > - + {Boolean(label || hint) && ( + + )} - + {label && ( + + )} {helperText && (

{helperText} diff --git a/src/Upload.tsx b/src/Upload.tsx index c402afa9..2cfca967 100644 --- a/src/Upload.tsx +++ b/src/Upload.tsx @@ -72,10 +72,12 @@ export const Upload = memo( )} ref={ref} > - + {Boolean(label || hint) && ( + + )} - + {Boolean(label || hintText) && ( + + )}

- + {Boolean(label || hintText) && ( + + )} {"illustration" in rest && (
{rest.illustration}