Add ifDefined to Interactive story example for input components lever…

…aging the max-length attribute
capitec · Oct 1, 2024 · d33a02d · d33a02d
1 parent 4b27499
commit d33a02d
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/src/email-field/EmailField.stories.ts b/src/email-field/EmailField.stories.ts
@@ -27,7 +27,7 @@ export const Interactive: ComponentStoryFormat<Args> = {
       data-testid="test-email-field"
       label="${ifNotEmpty(args.label)}"
       value="${args.value}"
-      max-length=${args.maxLength}
+      max-length=${ifDefined(args.maxLength)}
       hint="${ifNotEmpty(args.hint)}"
       error="${ifNotEmpty(args.error)}"
       ?disabled="${args.disabled}"

diff --git a/src/number-field/NumberField.stories.ts b/src/number-field/NumberField.stories.ts
@@ -27,7 +27,7 @@ export const Interactive: ComponentStoryFormat<Args> = {
       data-testid="test-number-field"
       label="${ifNotEmpty(args.label)}"
       value="${args.value}"
-      max-length=${args.maxLength}
+      max-length=${ifDefined(args.maxLength)}
       hint="${ifNotEmpty(args.hint)}"
       error="${ifNotEmpty(args.error)}"
       ?disabled="${args.disabled}"

diff --git a/src/password-field/PasswordField.stories.ts b/src/password-field/PasswordField.stories.ts
@@ -33,7 +33,7 @@ export const Interactive: ComponentStoryFormat<Args> = {
       data-testid="test-password-field"
       label="${ifNotEmpty(args.label)}"
       value="${args.value}"
-      max-length=${args.maxLength}
+      max-length=${ifDefined(args.maxLength)}
       hint="${ifNotEmpty(args.hint)}"
       error="${ifNotEmpty(args.error)}"
       ?disabled="${args.disabled}"

diff --git a/src/pin-field/PinField.stories.ts b/src/pin-field/PinField.stories.ts
@@ -33,7 +33,7 @@ export const Interactive: ComponentStoryFormat<Args> = {
       data-testid="test-pin-field"
       label="${ifNotEmpty(args.label)}"
       value="${args.value}"
-      max-length=${args.maxLength}
+      max-length=${ifDefined(args.maxLength)}
       hint="${ifNotEmpty(args.hint)}"
       error="${ifNotEmpty(args.error)}"
       ?disabled="${args.disabled}"

diff --git a/src/search-field/SearchField.stories.ts b/src/search-field/SearchField.stories.ts
@@ -27,7 +27,7 @@ export const Interactive: ComponentStoryFormat<Args> = {
             data-testid="test-search-field"
             label="${ifNotEmpty(args.label)}"
             value="${args.value}"
-            max-length=${args.maxLength}
+            max-length=${ifDefined(args.maxLength)}
             hint="${ifNotEmpty(args.hint)}"
             error="${ifNotEmpty(args.error)}"
             ?disabled="${args.disabled}"

diff --git a/src/text-field/TextField.stories.ts b/src/text-field/TextField.stories.ts
@@ -28,7 +28,7 @@ export const Interactive: ComponentStoryFormat<Args> = {
       data-testid="test-text-field"
       label="${ifNotEmpty(args.label)}"
       value="${args.value}"
-      max-length=${args.maxLength}
+      max-length=${ifDefined(args.maxLength)}
       hint="${ifNotEmpty(args.hint)}"
       error="${ifNotEmpty(args.error)}"
       ?disabled="${args.disabled}"