Collaboration pour les Composants & Stories

• Willy Dian
• Thomas Tran Dinh

Lancement du Projet

• yarn install
• yarn storybook

Visuel du projet

Détail des composants

1. Composant avatar :

• Dans chaque scénario des avatars on peut modifier la largeur, la hauteur et l'espacement
• propriétés : spacing, width, height

2. Composant button :

• Dans chaque scénario de ce bouton on peut modifier le type de bouton, le texte, la couleur, la largeur ainsi que la hauteur
• propriétés : text, color, variant, width, height

3. Composant checkbox :

• Dans chaque scénario du checkbox on peut modifier la couleur, la taille, activer ou non le checkbox et cocher ou non par défaut
• propriétés : checked, color, size, disabled

4. Composant paper :

• Dans chaque scénario de papier on peut modifier la niveau d'élévation des 2 cases affichées
• propriétés : lvl1, lvl2

5. Composant progress :

• Dans chaque scénario de cercle de progression on peut modifier l'intervalle de temps du compte à rebours
• propriété: step

6. Composant radio :

• Dans chaque scénario des boutons radio on peut modifier l'emplacement du label par rapport au bouton
• propriété: labelPlacement

7. Composant rating :

• Dans chaque scénario du rating on peut modifier la précision des notes d'évaluation
• propriété: precision

8. Composant slider :

• Dans chaque scénario du slider on peut modifier le pas de la glissière et sa position par défaut
• propriétés: step, defaultValue

9. Composant snackbar :

• Dans chaque scénario du snackbar on peut modifier la nature et le texte à la fois du bouton et du message, ainsi que la couleur
• propriétés: severity, text, color, message

10. Composant transition :

• Dans chaque scénario du composant transition on peut modifier la vitesse d'affichage de l'animation
• propriété: speed

Langages

• React 18.2.0
• Librairie : Matérial UI