add tooltip for checkbox in DataListToolbar (#12133)

Signed-off-by: CWollinger <CWollinger@web.de>
This commit is contained in:
CWollinger 2022-05-06 22:36:07 +02:00 committed by GitHub
parent 36d3f9afdb
commit 385a94866c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -10,6 +10,7 @@ import {
ToolbarGroup,
ToolbarItem,
ToolbarToggleGroup,
Tooltip,
Dropdown,
DropdownPosition,
KebabToggle,
@ -117,13 +118,15 @@ function DataListToolbar({
{onSelectAll && (
<ToolbarGroup>
<ToolbarItem>
<Checkbox
isChecked={isAllSelected}
onChange={onSelectAll}
aria-label={t`Select all`}
id="select-all"
ouiaId="select-all"
/>
<Tooltip content={t`Select all`} position="top">
<Checkbox
isChecked={isAllSelected}
onChange={onSelectAll}
aria-label={t`Select all`}
id="select-all"
ouiaId="select-all"
/>
</Tooltip>
</ToolbarItem>
</ToolbarGroup>
)}