fxgcomponents_mabon006 v1.0.1

Package NPM de composants React

Créé par Maksym Bondarenko

Composants

Le travail a été réalisé par Maksym Bondarenko

Liste de composants Regarder la séction en cliquant sur le lien Alert. Regarder la séction en cliquant sur le lien Breadcrumbs. Regarder la séction en cliquant sur le lien Button. Regarder la séction en cliquant sur le lien Checkbox.

Regarder la séction en cliquant sur le lien Slider.

Alert

Description À l'aide de la bibliothèque MUI/Material nous pouvons afficher la fenêtre avec le message d'alerte. Nous pouvons le modifier également comme dans la partie du code fournis.

// Composant Alert
// Exemple de Story
export const Success = Template.bind({});
Success.args = {
   severity1: "success"
};

Breadcrumbs

Description À l'aide de la bibliothèque MUI/Material nous pouvons afficher le breadcrumbs. Nous pouvons le modifier également comme dans la partie du code fournis.

// Composant Breadcrums
// Exemple de Story
export const Space = Template.bind({});
Space.args = {
    separate: " ",
};

Button

Description À l'aide de la bibliothèque MUI/Material nous pouvons afficher le boutton. Nous pouvons le modifier également comme dans la partie du code fournis.

// Composant Button
// Exemple de Story
export const text = Template.bind({});
text.args = {
    variation: "text",
    colorTheme: "success",
    buttonText: "Cliquez ici",
};

Checkbox

Description À l'aide de la bibliothèque MUI/Material nous pouvons afficher le boutton de checkbox. Nous pouvons le modifier également comme dans la partie du code fournis.

// Composant Checkbox
// Exemple de Story
export const success = Template.bind({});
success.args = {
    color: "success",
};

Slider

Description À l'aide de la bibliothèque MUI/Material nous pouvons afficher le slider. Nous pouvons le modifier également comme dans la partie du code fournis.

// Composant Slider
// Exemple de Story
export const Medium = Template.bind({});
Medium.args = {
   sizeTheme: "medium",
};