diff --git a/packages/components/src/shared/constants.ts b/packages/components/src/shared/constants.ts index 7307b53366a..a1a519eb710 100644 --- a/packages/components/src/shared/constants.ts +++ b/packages/components/src/shared/constants.ts @@ -5,7 +5,7 @@ export const DEFAULT_MESSAGE_ID_SUFFIX: string = '-message'; export const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string = '-valid-message'; export const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string = '-invalid-message'; export const DEFAULT_PLACEHOLDER_ID_SUFFIX: string = '-placeholder'; -export const DEFAULT_DATALIST_ID_SUFFIX: string = '-placeholder'; +export const DEFAULT_DATALIST_ID_SUFFIX: string = '-datalist'; export const DEFAULT_VALID_MESSAGE: string = 'TODO: Add a validMessage'; export const DEFAULT_INVALID_MESSAGE: string = 'TODO: Add an invalidMessage'; diff --git a/showcases/angular-showcase/src/app/components/form/checkboxes/checkboxes.component.html b/showcases/angular-showcase/src/app/components/form/checkboxes/checkboxes.component.html index 1c7a026331e..39c40c91846 100644 --- a/showcases/angular-showcase/src/app/components/form/checkboxes/checkboxes.component.html +++ b/showcases/angular-showcase/src/app/components/form/checkboxes/checkboxes.component.html @@ -3,20 +3,23 @@ [model]="ngModel" [control]="formControl.value" > - - - +
+ Different form approaches + + + +
diff --git a/showcases/angular-showcase/src/app/components/form/inputs/inputs.component.html b/showcases/angular-showcase/src/app/components/form/inputs/inputs.component.html index b292f92fe7c..47f3f1922dc 100644 --- a/showcases/angular-showcase/src/app/components/form/inputs/inputs.component.html +++ b/showcases/angular-showcase/src/app/components/form/inputs/inputs.component.html @@ -3,29 +3,32 @@ [model]="ngModel" [control]="formControl.value" > - - - +
+ Different form approaches + + + +
diff --git a/showcases/angular-showcase/src/app/components/form/selects/selects.component.html b/showcases/angular-showcase/src/app/components/form/selects/selects.component.html index 8e6a646e0fe..7b4861bcd79 100644 --- a/showcases/angular-showcase/src/app/components/form/selects/selects.component.html +++ b/showcases/angular-showcase/src/app/components/form/selects/selects.component.html @@ -3,23 +3,26 @@ [model]="ngModel" [control]="formControl.value" > - - - - - - - - - - - - - - - +
+ Different form approaches + + + + + + + + + + + + + + + +
diff --git a/showcases/angular-showcase/src/app/components/form/textareas/textareas.component.html b/showcases/angular-showcase/src/app/components/form/textareas/textareas.component.html index 69bc53da9b7..e71354d59dd 100644 --- a/showcases/angular-showcase/src/app/components/form/textareas/textareas.component.html +++ b/showcases/angular-showcase/src/app/components/form/textareas/textareas.component.html @@ -3,26 +3,29 @@ [model]="ngModel" [control]="formControl.value" > - - - +
+ Different form approaches + + + +
diff --git a/showcases/vue-showcase/src/components/form/Textareas.vue b/showcases/vue-showcase/src/components/form/Textareas.vue index d0bd55ab121..16fab214db8 100644 --- a/showcases/vue-showcase/src/components/form/Textareas.vue +++ b/showcases/vue-showcase/src/components/form/Textareas.vue @@ -23,7 +23,7 @@ const vModel = ref("test2"); placeholder="Placeholder" message="Description" icon="user" - name="input-name" + name="textarea-name" v-model:value="vModel" />