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

View File

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