@teartech/powered-by

Un elegante componente React che mostra un banner "Powered by TearTech" per i tuoi progetti web.

Installazione

npm install @teartech/powered-by

oppure

yarn add @teartech/powered-by

Utilizzo

import TearTech from '@teartech/powered-by';

function App() {
  return (
    <div className="app">
      {/* Altri componenti */}
      
      <TearTech />
      
      {/* Altri componenti */}
    </div>
  );
}

Personalizzazione

Il componente TearTech può essere personalizzato con diverse opzioni:

<TearTech
  primaryColor="#FF5722"
  backgroundColor="#000000"
  textColor="#FFFFFF"
  text="POWERED BY ACME"
  subtitle="Tecnologia innovativa"
  logoUrl="https://example.com/logo.png"
  maxWidth="1200px"
  contactLink="https://example.com/contatti"
  websiteUrl="https://example.com"
  contactButtonText="Contattaci"
  websiteButtonText="Sito Web"
  showContactButton={true}
  showWebsiteButton={true}
  discreteMobile={true}
/>

Proprietà

| Proprietà | Tipo | Default | Descrizione | |-----------|------|---------|-------------| | primaryColor | string | '#1CA796' | Colore primario del tema | | backgroundColor | string | '#121212' | Colore di sfondo del componente | | textColor | string | '#B8E4DF' | Colore del testo | | text | string | 'POWERED BY TEARTECH' | Testo da mostrare nel banner | | subtitle | string | 'Sviluppo web innovativo' | Sottotitolo da mostrare nel banner | | logoUrl | string | 'https://teartech.dev/logo.png' | URL del logo (mantiene le proporzioni originali) | | maxWidth | string | '900px' | Larghezza massima del componente | | contactLink | string | 'https://teartech.dev/#contact' | Link per il pulsante di contatto | | websiteUrl | string | 'https://teartech.dev' | URL del sito web | | contactButtonText | string | 'Contattaci' | Testo del pulsante di contatto | | websiteButtonText | string | 'Visita il sito' | Testo del pulsante del sito web | | showContactButton | boolean | true | Se mostrare il pulsante di contatto | | discreteMobile | boolean | true | Se mostrare una versione più discreta su dispositivi mobili | | showWebsiteButton | boolean | true | Se mostrare il pulsante del sito web |

Requisiti

Questo componente richiede le seguenti dipendenze:

• React ≥ 18.0.0
• React DOM ≥ 18.0.0
• Material UI ≥ 7.0.0
• Next.js ≥ 13.0.0 (se utilizzato in un progetto Next.js)

Licenza

MIT