@teartech/powered-by NPM

@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