diff options
author | Tucker Evans <tuckerevans24@gmail.com> | 2019-12-06 15:16:05 -0500 |
---|---|---|
committer | Tucker Evans <tuckerevans24@gmail.com> | 2019-12-08 15:03:07 -0500 |
commit | aeb7bfe5c46a4bb146d0e28560c535d6e7e3ef2d (patch) | |
tree | 062f097c4b6daf7e80ebdf6f6b696551515b80c6 | |
parent | efc880aa101b046e77ff9feb5045225cd44afbf8 (diff) |
Add instruction for lists in form
The keyword and photos input now have a placeholder instructing the user
to separate inputs with commas.
-rw-r--r-- | recipeBuddy/src/app/add-recipe/add-recipe.component.html | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/recipeBuddy/src/app/add-recipe/add-recipe.component.html b/recipeBuddy/src/app/add-recipe/add-recipe.component.html index 7569560..699f306 100644 --- a/recipeBuddy/src/app/add-recipe/add-recipe.component.html +++ b/recipeBuddy/src/app/add-recipe/add-recipe.component.html @@ -13,11 +13,13 @@ <mat-form-field class="full-width"> <input matInput placeholder="Cooking Time" type="text" formControlName="cookTime"> </mat-form-field> - <mat-form-field class="full-width"> - <input matInput placeholder="Keywords/Tags" type="text" formControlName="tags"> + <mat-form-field class="full-width" floatLabel="options.value.floatLabel"> + <mat-label>Keywords/Tags</mat-label> + <input matInput placeholder="Separate with a comma" type="text" formControlName="tags"> </mat-form-field> - <mat-form-field class="full-width"> - <input matInput placeholder="Photos (URLS)" type="text" formControlName="photos"> + <mat-form-field class="full-width" floatLabel="options.value.floatLabel"> + <mat-label>Photos (URLS)</mat-label> + <input matInput placeholder="Separate with a comma" type="text" formControlName="photos"> </mat-form-field> <div formArrayName="ingredients"> |