1 files changed, 18 insertions, 0 deletions
diff --git a/public/projects/angular-small-apps/apps/recipes/src/app/components/toolbar/toolbar.component.html b/public/projects/angular-small-apps/apps/recipes/src/app/components/toolbar/toolbar.component.html
new file mode 100644
index 0000000..3da30ae
--- /dev/null
+++ b/public/projects/angular-small-apps/apps/recipes/src/app/components/toolbar/toolbar.component.html
@@ -0,0 +1,18 @@
+<div class="toolbar" toolbar>
+  <div class="toggle-edition">
+    <input
+      type="checkbox"
+      name="edition-mode"
+      id="edition-mode"
+      class="toggle-edition__checkbox"
+      [checked]="isEditionEnabled"
+      (click)="toggleEdition()"
+    />
+    <label for="edition-mode" class="toggle-edition__label">{{
+      toggleLabel
+    }}</label>
+  </div>
+  <button *ngIf="shouldDisplaySave()" class="btn" (click)="saveRecipe()">
+    Save
+  </button>
+</div>