Disabled icon-only button tooltip #7038
-
Currently I have a set of buttons that are icon only buttons. One or more can be disabled but because of this the tooltip doesn't work as well. Is there any recommended solutions other than creating a wrapper that uses Example of my usage: <TooltipTrigger>
<Button iconOnly isDisabled>
<PlusIcon />
</Button>
<Tooltip>...</Tooltip>
</TooltipTrigger> |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment
-
Please see https://react-spectrum.adobe.com/react-spectrum/Tooltip.html#usage-on-disabled-or-non-interactive-elements |
Beta Was this translation helpful? Give feedback.
Please see https://react-spectrum.adobe.com/react-spectrum/Tooltip.html#usage-on-disabled-or-non-interactive-elements
If you're using RAC, we still recommend this pattern. Otherwise, many users will be unable to see your important information. As a sidenote, Tooltips shouldn't be used for anything which conveys critical information, they are already pretty limited accessibility-wise.