react image filler

React Image Filler

React Image Filler es un práctico componente React que le permite generar imágenes de marcadores de posición con propiedades personalizables como ancho, altura, texto, color y color de fondo. Esto es particularmente útil en escenarios en los que necesita reservar espacio para imágenes que aún no se cargan o son opcionales.

Tabla de contenido

1. Instalación
2. Uso
3. API
4. Que contribuye

Instalación

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

Uso

 import ImageFiller from 'react-image-filler' ;

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

API

Apuntalar	Tipo	Por defecto	Descripción
width	número	100	Ancho de la imagen
height	número	100	Altura de la imagen
text	cadena	Marcador de posición	texto de la imagen
color	cadena	#6A6A6A	Color de texto de la imagen
background	cadena	#dddddd	Color de fondo de la imagen

Que contribuye

Contribuir a proyectos de código abierto como React-Image-Filler puede ser una experiencia gratificante. No solo puede mejorar sus habilidades de codificación, sino que también contribuye a la comunidad de desarrolladores en general.

Si está interesado en contribuir a este proyecto, ya sea a través de mejoras, correcciones de errores o nuevas funciones, aquí están los pasos que debe seguir:

paso para contribuir:

1. Bifurca el proyecto y el clon localmente: comience bifurcando el proyecto a su cuenta de GitHub, que crea su propia copia del repositorio. Luego clone esta bifurcación a su máquina local para comenzar a trabajar en ella.
2. Cree una rama de características: en lugar de trabajar directamente en la rama principal, es una mejor práctica crear una nueva rama para cada característica o arreglar en la que está trabajando. Esto se puede hacer con el comando: git checkout -b feature/AmazingFeature .
3. Comprometer sus cambios: después de hacer sus cambios, confirme con un mensaje claro y conciso que describe lo que ha hecho. Esto se puede hacer con el comando: git commit -m 'Add some AmazingFeature' .
4. Empuje sus cambios a GitHub: una vez que sus cambios se comprometan, empújalos a la rama en su repositorio bifurcado en GitHub. Esto se puede hacer con el comando: git push origin feature/AmazingFeature .
5. Abra una solicitud de extracción: finalmente, navegue a su repositorio bifurcado en GitHub y haga clic en el botón 'Pull Solicitud'. Complete los detalles necesarios y envíelo. Esto notifica a los mantenedores del proyecto sobre su contribución y revisarán sus cambios.
6. Disfrutar ?

Autor

• Mahmoud Ibrahiam - Desarrollador de frontend

Si le gusta este paquete, deje una estrella.