Recipe Component
The Recipe component provides versatile options for displaying recipes with interactive elements.
Component Features
- Heading (Main): Primary title or introduction for the component.
- Description Text: Supporting explanation or instructions.
Recipe Image Section
- Image: Displays recipe image with zoom/modal functionality.
- Clickable Heart/Save Button: Overlay button allowing users to save the recipe.
Recipe Cards Grid Section
- Recipe Image: Visual representation of the recipe.
- Recipe Title: Bold and clear title of the recipe.
- Save (Heart) Button: Interactive button with hover text for saving recipes.
- Learn More Link: Button linking to detailed recipe information.
Save to my recipesAdd to favourite