react image filler

REACT IMAGER FILLER

React Image Filler est un composant React pratique qui vous permet de générer des images d'espace réservées avec des propriétés personnalisables telles que la largeur, la hauteur, le texte, la couleur et la couleur d'arrière-plan. Ceci est particulièrement utile dans les scénarios où vous devez réserver un espace pour les images qui n'ont pas encore chargé ou sont facultatives.

Table des matières

1. Installation
2. Usage
3. API
4. Contributif

Installation

npm install react-image-filler --save
# or
yarn add react-image-filler

Usage

 import ImageFiller from 'react-image-filler' ;

const App = ( ) => {
    return (
        < div >
            < ImageFiller width = { 200 } height = { 200 } />
        </ div >
    ) ;
} 

API

Soutenir	Taper	Défaut	Description
width	nombre	100	Largeur de l'image
height	nombre	100	Hauteur de l'image
text	chaîne	Espace réservé	texte de l'image
color	chaîne	# 6A6A6A	Couleur texte de l'image
background	chaîne	#dddddd	Couleur d'arrière-plan de l'image

Contributif

Contribuer à des projets open source comme React-Image-Filler peut être une expérience enrichissante. Vous pouvez non seulement améliorer vos compétences de codage, mais contribuer également à la communauté des développeurs plus large.

Si vous souhaitez contribuer à ce projet, que ce soit par des améliorations, des corrections de bogues ou de nouvelles fonctionnalités, voici les étapes que vous devez suivre:

étape pour contribuer:

1. Fourk The Project & Clone Localement: Commencez par fournir le projet sur votre compte GitHub, qui crée votre propre copie du référentiel. Ensuite, clonez cette fourche vers votre machine locale pour commencer à y travailler.
2. Créez une branche de fonctionnalité: au lieu de travailler directement sur la branche principale, il est de la meilleure pratique pour créer une nouvelle branche pour chaque fonctionnalité ou correction sur laquelle vous travaillez. Cela peut être fait avec la commande: git checkout -b feature/AmazingFeature .
3. Commentez vos modifications: après avoir apporté vos modifications, engagez-les avec un message clair et concis décrivant ce que vous avez fait. Cela peut être fait avec la commande: git commit -m 'Add some AmazingFeature' .
4. Poussez vos modifications à GitHub: une fois vos modifications engagées, poussez-les vers la branche de votre référentiel fourchu sur GitHub. Cela peut être fait avec la commande: git push origin feature/AmazingFeature .
5. Ouvrez une demande de traction: Enfin, accédez à votre référentiel fourchu sur GitHub et cliquez sur le bouton «Pull Demande». Remplissez les détails nécessaires et soumettez-le. Cela avertit les responsables du projet sur votre contribution et ils examineront vos modifications.
6. Apprécier ?

Auteur

• Mahmoud Ibrahiam - Développeur frontend

Si vous aimez ce package, veuillez laisser une étoile.