fix: add HTML attributes to BEM templates of textarea/textbox

nl-design-system · Sep 26, 2021 · 704e1c7 · 704e1c7
1 parent a633510
commit 704e1c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/components/textarea/bem.js b/components/textarea/bem.js
@@ -29,4 +29,6 @@ export const TextArea = ({
     invalid && 'utrecht-textarea--invalid',
     readOnly && 'utrecht-textarea--readonly',
     required && 'utrecht-textarea--required',
-  )}"${placeholder ? ` placeholder="${placeholder}"` : ''}>${textContent}</textarea>`;
+  )}"${disabled ? ' disabled' : ''}${invalid ? ' aria-invalid="true"' : ''}${
+    placeholder ? ` placeholder="${placeholder}"` : ''
+  }${readOnly ? ' readonly' : ''}${required ? ' required' : ''}>${textContent}</textarea>`;
diff --git a/components/textbox/bem.js b/components/textbox/bem.js
@@ -31,4 +31,6 @@ export const TextBox = ({
     invalid && 'utrecht-textbox--invalid',
     readOnly && 'utrecht-textbox--readonly',
     required && 'utrecht-textbox--required',
-  )}"${placeholder ? ` placeholder="${placeholder}"` : ''} value="${value}">`;
+  )}"${disabled ? ' disabled' : ''}${invalid ? ' aria-invalid="true"' : ''}${
+    placeholder ? ` placeholder="${placeholder}"` : ''
+  }${readOnly ? ' readonly' : ''}${required ? ' required' : ''} value="${value}">`;