@@ -30,6 +30,8 @@ export interface WizardProps extends React.HTMLProps<HTMLDivElement> {
30
30
footer ?: WizardFooterType ;
31
31
/** Wizard navigation */
32
32
nav ?: WizardNavType ;
33
+ /** Aria-label for the Nav */
34
+ navAriaLabel ?: string ;
33
35
/** The initial index the wizard is to start on (1 or higher). Defaults to 1. */
34
36
startIndex ?: number ;
35
37
/** Additional classes spread to the wizard */
@@ -63,6 +65,7 @@ export const Wizard = ({
63
65
className,
64
66
header,
65
67
nav,
68
+ navAriaLabel,
66
69
startIndex = 1 ,
67
70
isVisitRequired = false ,
68
71
isProgressive = false ,
@@ -176,17 +179,23 @@ export const Wizard = ({
176
179
{ ...wrapperProps }
177
180
>
178
181
{ header }
179
- < WizardInternal nav = { nav } isVisitRequired = { isVisitRequired } isProgressive = { isProgressive } />
182
+ < WizardInternal
183
+ nav = { nav }
184
+ navAriaLabel = { navAriaLabel }
185
+ isVisitRequired = { isVisitRequired }
186
+ isProgressive = { isProgressive }
187
+ />
180
188
</ div >
181
189
</ WizardContextProvider >
182
190
) ;
183
191
} ;
184
192
185
193
const WizardInternal = ( {
186
194
nav,
195
+ navAriaLabel,
187
196
isVisitRequired,
188
197
isProgressive
189
- } : Pick < WizardProps , 'nav' | 'isVisitRequired' | 'isProgressive' > ) => {
198
+ } : Pick < WizardProps , 'nav' | 'navAriaLabel' | ' isVisitRequired' | 'isProgressive' > ) => {
190
199
const { activeStep, steps, footer, goToStepByIndex } = useWizardContext ( ) ;
191
200
const [ isNavExpanded , setIsNavExpanded ] = React . useState ( false ) ;
192
201
@@ -198,12 +207,13 @@ const WizardInternal = ({
198
207
return (
199
208
< WizardNavInternal
200
209
nav = { nav }
210
+ navAriaLabel = { navAriaLabel }
201
211
isNavExpanded = { isNavExpanded }
202
212
isVisitRequired = { isVisitRequired }
203
213
isProgressive = { isProgressive }
204
214
/>
205
215
) ;
206
- } , [ activeStep , isVisitRequired , isProgressive , goToStepByIndex , isNavExpanded , nav , steps ] ) ;
216
+ } , [ activeStep , isVisitRequired , isProgressive , goToStepByIndex , isNavExpanded , nav , navAriaLabel , steps ] ) ;
207
217
208
218
return (
209
219
< WizardToggle
0 commit comments