feat: placeholder option for textbox template

nl-design-system · Sep 19, 2021 · 74fb95d · 74fb95d
1 parent f15f23e
commit 74fb95d
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/components/textbox/bem.js b/components/textbox/bem.js
@@ -11,13 +11,15 @@ export const defaultArgs = {
   invalid: false,
   readOnly: false,
   required: false,
+  placeholder: '',
   value: '',
 };
 
 export const TextBox = ({
   disabled = false,
   focus = false,
   invalid = false,
+  placeholder = '',
   readOnly = false,
   required = false,
   value = '',
@@ -29,4 +31,4 @@ export const TextBox = ({
     invalid && 'utrecht-textbox--invalid',
     readOnly && 'utrecht-textbox--readonly',
     required && 'utrecht-textbox--required',
-  )}" value="${value}">`;
+  )}"${placeholder ? ` placeholder="${placeholder}"` : ''} value="${value}">`;