🐛 fix: aria-hidden naming on input

This commit is contained in:
Andre H 2024-02-22 16:14:27 +07:00
parent ba87c6f22a
commit 200ea3ca7b

View File

@ -55,7 +55,7 @@ export const Input = ({
const renderLeftIcon = useMemo(() => { const renderLeftIcon = useMemo(() => {
return ( return (
<div className={iconContainerCls({ class: 'left-0 pl-4' })}> <div className={iconContainerCls({ class: 'left-0 pl-4' })}>
{cloneIcon(leftIcon, { className: iconCls(), ariaHidden: true })} {cloneIcon(leftIcon, { className: iconCls(), 'aria-hidden': true })}
</div> </div>
); );
}, [cloneIcon, iconCls, iconContainerCls, leftIcon]); }, [cloneIcon, iconCls, iconContainerCls, leftIcon]);
@ -63,7 +63,7 @@ export const Input = ({
const renderRightIcon = useMemo(() => { const renderRightIcon = useMemo(() => {
return ( return (
<div className={iconContainerCls({ class: 'pr-4 right-0' })}> <div className={iconContainerCls({ class: 'pr-4 right-0' })}>
{cloneIcon(rightIcon, { className: iconCls(), ariaHidden: true })} {cloneIcon(rightIcon, { className: iconCls(), 'aria-hidden': true })}
</div> </div>
); );
}, [cloneIcon, iconCls, iconContainerCls, rightIcon]); }, [cloneIcon, iconCls, iconContainerCls, rightIcon]);
@ -73,7 +73,7 @@ export const Input = ({
<div className={helperTextCls()}> <div className={helperTextCls()}>
{state && {state &&
cloneIcon(<WarningIcon className={helperIconCls()} />, { cloneIcon(<WarningIcon className={helperIconCls()} />, {
ariaHidden: true, 'aria-hidden': true,
})} })}
<p>{helperText}</p> <p>{helperText}</p>
</div> </div>