---
sidebar_position: 3
title: Description du composant
---

## Description

Afin de mieux comprendre notre composant complexe, nous allons en premier faire une petite description de son contenu et du comportement attendu par celui-ci.

Le but de ce composant et de permettre de tester des recettes, pour cela nous devons avoir sur la gauche un tableu contenant la liste des éléments disponible pour notre recette.

A droite nous devons trouver les emplacements qui contiendront nos éléments de recette, une fois notre recette valide, un dernier élément sera affiché sous nos emplacements avec le résulat de la recette.

Une liste en dessous contiendra l'ensemble des actions rélisées par l'utilisateur et sera géré en Javascript.

## Mockup

Pour une meilleur visualisation de notre composant, un mockup peut être réalisé afin de mieux se rendre compte du final.

Pour cela nous pouvons utiliser le site https://wireframe.cc/.

Le résulat du mockup est :

![Mockup](/img/blazor-component/mockup.png)