react image filler

Реагировать наполнитель изображения

React Image Filler - это удобный компонент React, который позволяет генерировать изображения заполнителей с настраиваемыми свойствами, такими как ширина, высота, текст, цвет и цвет фона. Это особенно полезно в сценариях, где вам нужно зарезервировать пространство для изображений, которые еще не загружаются или являются необязательными.

Оглавление

1. Установка
2. Использование
3. API
4. Внося

Установка

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

Использование

 import ImageFiller from 'react-image-filler' ;

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

API

Проп	Тип	По умолчанию	Описание
width	число	100	Ширина изображения
height	число	100	Высота изображения
text	нить	Заполнитель	текст изображения
color	нить	#6A6A6A	текст цвета изображения
background	нить	#dddddd	Цвет фона изображения

Внося

Вклад в проекты с открытым исходным кодом, такие как React-Image-Filler, может быть полезным опытом. Вы не только улучшаете свои навыки кодирования, но и вносите вклад в более широкое сообщество разработчиков.

Если вы заинтересованы в участии в этом проекте, будь то посредством улучшений, исправлений ошибок или новых функций, вот шаги, которые вам нужно следовать:

шаг, чтобы внести свой вклад:

1. Форк проект и клон локально: начните с поддержания проекта в своей учетной записи Github, которая создает вашу собственную копию репозитория. Затем клонируйте эту вилку на местную машину, чтобы начать работать над ней.
2. Создайте филиал функций: Вместо того, чтобы работать непосредственно над основной ветвью, лучше всего создать новую филиал для каждой функции или исправления, над которой вы работаете. Это можно сделать с помощью команды: git checkout -b feature/AmazingFeature .
3. Сделайте свои изменения: после внесения изменений, поверните их с четким и кратким сообщением, описывающим то, что вы сделали. Это можно сделать с помощью команды: git commit -m 'Add some AmazingFeature' .
4. Встаньте свои изменения в GitHub: как только ваши изменения будут совершены, подтолкните их к ветке на вашем раздвоенном хранилище на GitHub. Это можно сделать с помощью команды: git push origin feature/AmazingFeature .
5. Откройте запрос на привлечение: Наконец, перейдите к своему раздвоенному хранилищу на GitHub и нажмите кнопку «Запрос на развлечение». Заполните необходимые данные и отправьте их. Это уведомляет о сопровождающих проекта о вашем вкладе, и они рассмотрит ваши изменения.
6. Наслаждаться ?

Автор

• Mahmoud Ibrahiam - Developer Frontend

Если вам нравится этот пакет, оставьте звезду.