Link <label for> to <input id>. Fixes #137

2025-10-22 18:26:39 +02:00 · 2020-06-09 19:03:27 +02:00
parent 7c6afbb80d
commit 66fe84871e
6 changed files with 14 additions and 0 deletions
--- a/client/patterns/custom-checkbox-button/Details.tsx
+++ b/client/patterns/custom-checkbox-button/Details.tsx
@@ -24,6 +24,7 @@ const Details: React.FC<{}> = () => {

        return (
            <label
+                htmlFor="custom-checkbox-button"
                style={{
                    alignItems: 'center',
                    cursor: 'pointer',
@@ -31,6 +32,7 @@ const Details: React.FC<{}> = () => {
                }}
            >
                <input
+                    id="custom-checkbox-button"
                    type="checkbox"
                    name="option"
                    value={value}