summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTucker Evans <tuckerevans24@gmail.com>2019-12-06 15:16:05 -0500
committerTucker Evans <tuckerevans24@gmail.com>2019-12-08 15:03:07 -0500
commitaeb7bfe5c46a4bb146d0e28560c535d6e7e3ef2d (patch)
tree062f097c4b6daf7e80ebdf6f6b696551515b80c6
parentefc880aa101b046e77ff9feb5045225cd44afbf8 (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.html10
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">