diff --git a/src/components/Recipe/RecipeItem/RecipeItem.tsx b/src/components/Recipe/RecipeItem/RecipeItem.tsx
index 78c516ee..9cc02847 100644
--- a/src/components/Recipe/RecipeItem/RecipeItem.tsx
+++ b/src/components/Recipe/RecipeItem/RecipeItem.tsx
@@ -152,3 +152,55 @@ RecipeItem.AuthorAndCreatedDate = AuthorAndCreatedDate;
RecipeItem.Content = Content;
export default RecipeItem;
+
+export const DefaultRecipeItem = () => {
+ return (
+
+
+
+
+
+
+ );
+};
+
+export const RecipeItemWithProductButton = () => {
+ return (
+
+
+
+
+
+
+
+
+ );
+};
+
+export const RecipeItemWithProductCircleButton = () => {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export const RecipeItemWithProductButtonAndContent = () => {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+};