rename aria-controls
This commit is contained in:
parent
ae84ea0f21
commit
c397634fc8
|
|
@ -53,7 +53,7 @@ export const TabbedPane: React.FunctionComponent<{
|
||||||
<TabbedPaneTab
|
<TabbedPaneTab
|
||||||
key={tab.id}
|
key={tab.id}
|
||||||
id={tab.id}
|
id={tab.id}
|
||||||
aria-controls={`pane-${id}-tab-${tab.id}`}
|
ariaControls={`pane-${id}-tab-${tab.id}`}
|
||||||
title={tab.title}
|
title={tab.title}
|
||||||
count={tab.count}
|
count={tab.count}
|
||||||
errorCount={tab.errorCount}
|
errorCount={tab.errorCount}
|
||||||
|
|
@ -100,8 +100,8 @@ export const TabbedPaneTab: React.FunctionComponent<{
|
||||||
errorCount?: number,
|
errorCount?: number,
|
||||||
selected?: boolean,
|
selected?: boolean,
|
||||||
onSelect?: (id: string) => void,
|
onSelect?: (id: string) => void,
|
||||||
'aria-controls'?: string,
|
ariaControls?: string,
|
||||||
}> = ({ id, title, count, errorCount, selected, onSelect, 'aria-controls': ariaControls }) => {
|
}> = ({ id, title, count, errorCount, selected, onSelect, ariaControls }) => {
|
||||||
return <div className={clsx('tabbed-pane-tab', selected && 'selected')}
|
return <div className={clsx('tabbed-pane-tab', selected && 'selected')}
|
||||||
onClick={() => onSelect?.(id)}
|
onClick={() => onSelect?.(id)}
|
||||||
role='tab'
|
role='tab'
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue