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