add error messages to ComboBox examples

vaadin · Sep 25, 2024 · fd00c6e · fd00c6e
1 parent 0fd0f41
commit fd00c6e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/frontend/demo/component/combobox/combo-box-validation.ts b/frontend/demo/component/combobox/combo-box-validation.ts
@@ -21,6 +21,7 @@ export class Example extends LitElement {
         allowed-char-pattern="[A-Z]"
         label="Country code"
         helper-text="2-letter uppercase ISO country code"
+        error-message="Field is required"
         allow-custom-value
         .items="${['DE', 'FI', 'US']}"
       ></vaadin-combo-box>

diff --git a/frontend/demo/component/combobox/react/combo-box-validation.tsx b/frontend/demo/component/combobox/react/combo-box-validation.tsx
@@ -10,6 +10,7 @@ function Example() {
       allowedCharPattern="[A-Z]"
       label="Country code"
       helperText="2-letter uppercase ISO country code"
+      errorMessage="Field is required"
       allowCustomValue
       items={['DE', 'FI', 'US']}
     />

diff --git a/src/main/java/com/vaadin/demo/component/combobox/ComboBoxValidation.java b/src/main/java/com/vaadin/demo/component/combobox/ComboBoxValidation.java
@@ -1,6 +1,7 @@
 package com.vaadin.demo.component.combobox;
 
 import com.vaadin.flow.component.combobox.ComboBox;
+import com.vaadin.flow.component.combobox.ComboBox.ComboBoxI18n;
 import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
 import com.vaadin.flow.router.Route;
 import com.vaadin.demo.DemoExporter; // hidden-source-line
@@ -15,6 +16,8 @@ public ComboBoxValidation() {
         ComboBox<String> field = new ComboBox<>();
         field.setRequiredIndicatorVisible(true);
         field.setAllowedCharPattern("[A-Z]");
+        field.setI18n(new ComboBoxI18n()
+                .setRequiredErrorMessage("Field is required"));
         // end::snippet[]
         field.setLabel("Country code");
         field.setHelperText("2-letter uppercase ISO country code");