react image filler

Reacto de preenchimento de imagem

O React Image Filler é um componente de reação útil que permite gerar imagens de espaço reservado com propriedades personalizáveis, como largura, altura, texto, cor e cor de fundo. Isso é particularmente útil em cenários em que você precisa reservar espaço para imagens que ainda não carregam ou são opcionais.

Índice

1. Instalação
2. Uso
3. API
4. Contribuindo

Instalação

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

Prop	Tipo	Padrão	Descrição
width	número	100	Largura da imagem
height	número	100	Altura da imagem
text	corda	Espaço reservado	texto da imagem
color	corda	#6a6a6a	cor de texto da imagem
background	corda	#dddddd	cor de fundo da imagem

Contribuindo

Contribuir para projetos de código aberto como o React-Image-Filler pode ser uma experiência gratificante. Você não apenas melhora suas habilidades de codificação, mas também contribui para a comunidade mais ampla de desenvolvedores.

Se você estiver interessado em contribuir para este projeto, seja através de melhorias, correções de bugs ou novos recursos, aqui estão as etapas que você precisa seguir:

Etapa para contribuir:

1. FILHE O PROJETO E CLONE LOCALMENTE: Comece bingando o projeto na sua conta do GitHub, que cria sua própria cópia do repositório. Em seguida, clone este garfo para sua máquina local para começar a trabalhar nela.
2. Crie uma filial de recursos: em vez de trabalhar diretamente no ramo principal, é uma prática recomendada para criar uma nova ramificação para cada recurso ou correção em que você está trabalhando. Isso pode ser feito com o comando: git checkout -b feature/AmazingFeature .
3. Compreenda suas alterações: depois de fazer suas alterações, comprometa -as com uma mensagem clara e concisa, descrevendo o que você fez. Isso pode ser feito com o comando: git commit -m 'Add some AmazingFeature' .
4. Empurre suas alterações no Github: Depois que suas alterações forem comprometidas, empurre -as para a filial no repositório bifurcado no Github. Isso pode ser feito com o comando: git push origin feature/AmazingFeature .
5. Abra uma solicitação de tração: finalmente, navegue para o repositório bifurcado no Github e clique no botão 'Pull Solicle'. Preencha os detalhes necessários e envie -o. Isso notifica os mantenedores do projeto sobre sua contribuição e eles revisarão suas alterações.
6. Aproveitar ?

Autor

• Mahmoud Ibrahiam - desenvolvedor de front -end

Se você gosta deste pacote, deixe uma estrela.