react image filler

이미지 필러를 반응합니다

React Image Filler는 넓은 반응 구성 요소로 폭, 높이, 텍스트, 색상 및 배경색과 같은 사용자 정의 가능한 속성으로 자리 표시 자 이미지를 생성 할 수 있습니다. 이것은 아직로드되지 않았거나 선택 사항 인 이미지를위한 공간을 예약 해야하는 시나리오에서 특히 유용합니다.

목차

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- 프론트 엔드 개발자

이 패키지가 마음에 들면 별을 남겨주세요.