feat(frontend): allow aria-label on BrokerDashboardCard

Support setting an accessible name on the dashboard card section so
consumers can query sections via getByLabelText in tests and assistive
tech, matching the hero pattern in BrokerDashboardHero.
This commit is contained in:
Sergey Krylov 2026-06-27 13:44:25 +03:00
parent 27fb6e77be
commit a1377fa5c2

View File

@ -8,6 +8,7 @@ type BrokerDashboardCardProps = {
filters?: ReactNode filters?: ReactNode
children: ReactNode children: ReactNode
sx?: SxProps<Theme> sx?: SxProps<Theme>
ariaLabel?: string
} }
export function BrokerDashboardCard({ export function BrokerDashboardCard({
@ -16,10 +17,12 @@ export function BrokerDashboardCard({
filters, filters,
children, children,
sx, sx,
ariaLabel,
}: BrokerDashboardCardProps) { }: BrokerDashboardCardProps) {
return ( return (
<Box <Box
component="section" component="section"
aria-label={ariaLabel}
sx={{ sx={{
border: '1px solid', border: '1px solid',
borderColor: 'divider', borderColor: 'divider',