fxgcomponentswidia001 v1.0.72

Collaboration

• Willy Dian
• Thomas Tran Dinh

Description du Projet

Ce projet est une réalisation d'une bibliothèque de composants Réact réutilisables.

Elle est composée de 10 composants :

• Avatar
• Button
• Checkbox
• Paper
• Progress
• Radio
• Rating
• Slider
• Snackbar
• Transition

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