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-フロントエンド開発者

このパッケージが気に入ったら、星を離れてください。