L'utilisateur clique sur le bouton "Add Component" dans la HeaderBar, un dropdown s'affiche avec les noms des différents composants.
L'utilisateur clique sur le composant de son choix.
Un rectangle transparent représentant le composant s'affiche et suit le curseur de l'utilisateur.
L'utilisateur peut "lâcher" le composant en cliquant sur la position de son choix.
Prérequis
Une liste index de composants: [{ id, title, component: {defaultWidth, defaultHeight} }] (quelquechose comme ça)
Un objet "CurrentGrid" avec les différents composants placés dans la grille, leurs positions, etc.
Scénario
L'utilisateur clique sur le bouton "Add Component" dans la HeaderBar, un dropdown s'affiche avec les noms des différents composants. L'utilisateur clique sur le composant de son choix. Un rectangle transparent représentant le composant s'affiche et suit le curseur de l'utilisateur. L'utilisateur peut "lâcher" le composant en cliquant sur la position de son choix.
Prérequis
Vues Step by Step