add submit button with mat angular

src/app/recipe-add/recipe-add.component.html

@@ -40,5 +40,5 @@
         </ul>
     </div>
 
-    <button class="button" type="submit">Ajouter</button>
+    <button mat-stroked-button type="submit">SUBMIT</button>
 </form>

src/app/recipe-add/recipe-add.component.ts

@@ -6,11 +6,12 @@ import { RecipeService } from '../recipe.service';
 import {MatSelectModule} from '@angular/material/select';
 import {MatInputModule} from '@angular/material/input';
 import {MatFormFieldModule} from '@angular/material/form-field';
+import {MatButtonModule} from '@angular/material/button';
 
 @Component({
   selector: 'app-recipe-add',
   standalone: true,
-  imports: [ReactiveFormsModule, FormsModule,MatFormFieldModule, MatInputModule, MatSelectModule],
+  imports: [ReactiveFormsModule, FormsModule,MatFormFieldModule, MatInputModule, MatSelectModule, MatButtonModule],
   templateUrl: './recipe-add.component.html',
 })
 export class RecipeAddComponent {