Tech-demo-component NPM

tech-demo-component

Exemplo de componente de Card genérico para utilização em projetos React, criado para exibição em uma demonstração.

Configurações

Etapa 1 - Adicione tech-demo-component às dependências do seu projeto.

npm install tech-demo-component ou yarn add tech-demo-component

Etapa 2 - Importando o aplicativo e utilizando-o em seu projeto.

import React from 'react'
import TechDemo from 'tech-demo-component'

const Example = () => {
  const TechDemoProps = {
  img: '',
  title: '',
  alt: '',
  text: '',
  styles: {
    container: {},
    img: {},
    title: {},
    text: {}
  },
}

  return (
    <TechDemo {...TechDemoProps} />
  )
}

export default Example

Dicas

`tech-demo-component` props

Nome	Tipo	Descrição
`img`	`[string]`	Permite a alteração da imagem do card.
`alt`	`[string]`	Permite definir um alt a imagem.
`title`	`[string]`	Exibe um titulo para o card.
`text`	`[string]`	Exibe um parágrafo com o texto desejado no card.
`style`	`[object]`	Recebe a estilização do componente, tendo como propriedades do objeto `container`, `img`, `title` e `text`.