fix(#4067): Storybook Provider addon: Express input:checkbox requires id to be labelled by htmlFor prop (#4068)

Michael Jordan · web-flow · commit 0f953cac84f9 · 2023-02-15T16:39:46.000-08:00
diff --git a/.storybook/custom-addons/provider/register.js b/.storybook/custom-addons/provider/register.js
@@ -111,7 +111,7 @@ function ProviderFieldSetter({api}) {
       </div>
       <div style={{marginRight: '10px'}}>
         <label htmlFor="express">Express: </label>
-        <input type="checkbox" name="express" onChange={onExpressChange} checked={values.express} />
+        <input type="checkbox" id="express" name="express" onChange={onExpressChange} checked={values.express} />
       </div>
     </div>
   )

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,7 @@ function ProviderFieldSetter({api}) {`
`111`	`111`	`</div>`
`112`	`112`	`<div style={{marginRight: '10px'}}>`
`113`	`113`	`<label htmlFor="express">Express: </label>`
`114`		`- <input type="checkbox" name="express" onChange={onExpressChange} checked={values.express} />`
	`114`	`+ <input type="checkbox" id="express" name="express" onChange={onExpressChange} checked={values.express} />`
`115`	`115`	`</div>`
`116`	`116`	`</div>`
`117`	`117`	`)`