GoofyComponents

Description:

Affiche une modal en superposition sur le reste de la page. Le titre, le texte peuvent être personnalisés. Des boutons d'action peuvent etre ajoutés, et l'on peux ajouter la fonction voulu.

Les props:

btn :

Booléen - Active ou desactive les boutons de confirmation. Si false, laisse uniquement un bouton

modalTitle :

String - Titre de la modale

modalContent :

String - Le contenu de la modale

ConfirmMsg :

String - Le message du bouton de confirmation ou de fermeture

rejectMsg :

String - Le message du bouton de rejet

confirmAction :

Function - La fonction à executer lors de la confirmation de la modale

rejectAction :

Function - La fonction à executer lors du rejet de la modale

Description:

Permet de placer des bloc de textes qui peuvent être depliés ou non.

Les props:

sectionName :

String - Le nom de la section à afficher

sectionContent :

String - Le contenu de la section à afficher

Description:

Permet d'afficher une review avec un nom, une note et un commentaire.

Les props:

name :

String - Le nom de la personne qui a fait la review

rating:

String - La variable qui contient la note de la review

src:

String - La variable qui contient le lien de l'image de la review

comments:

String - La variable qui contient le commentaire de la review

Description:

Permet de faire les différents tableau avec des onglets.

Description:

Permet d'afficher une calculatrice

Description:

Une palette de couleur qui permet de choisir une couleur, d'en afficher la valeur hexadécimal/RGB et de recuperer la valeur hexadécimal en string dans une variable.

Les props:

startColor :

String - La valeur hexadécimale pour la couleur de départ du colorPicker

hexaVal :

String - La variable qui recevra le changement de couleur

Description:

Un input Text.

Les props:

name :

String - La valeur entrée dans l'input.

placeholder :

String - La variable qui affichera le placeholder.

Description:

Un bouton qui demande une validation.

Les props:

sentenceA :

String - La valeur de la phrase 1.

sentenceB :

String - La valeur de la phrase 2.

yes :

Booléen - la valeur qui active ou non le bouton en fonction de la checkBox.

Description:

Fenêtre oú il est possible d'ajouter ce que l'on veut (liste de courses, todo-list) avec le boutton ajouter,après avoir ajouté ce que l'on veut le mot s'affiche et quand l'activité est effectué il est possible de la cochet ou de l'effacer. Possibilité de voir ce qui est completé et en cours.

Les props:

Description:

Affiche un terminal dans un style macOS, il est possible de mettre du code ou du texte a l'interieur. Il suffit juste d'inserer le contenu dans la balise CodeSpace.

Les props:

title :

String - Le nom du codeSpace à afficher