{"_id":"@albanese-ui/footer","name":"@albanese-ui/footer","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@albanese-ui/footer","version":"0.0.1","main":"./index.js","types":"./index.d.ts","exports":{".":{"import":"./index.mjs","require":"./index.js"}},"_id":"@albanese-ui/footer@0.0.1","description":"Il componente Footer è un elemento riutilizzabile che crea un footer fisso in fondo alla pagina. Supporta temi chiaro e scuro e può includere contenuti aggiuntivi come link, bottoni o altre icone. È progettato per essere flessibile e completamente persona","_integrity":"sha512-k4Phl6egwnYYPJoQZ86Jd6OdTuGzyFWMA6CKVnIJbeu9u27IsaKI7IABli0vDmv5sFqA9CXXykqFg+Z7XPlY8Q==","_resolved":"/tmp/d51d331987399b59724fea52dc79f526/albanese-ui-footer-0.0.1.tgz","_from":"file:albanese-ui-footer-0.0.1.tgz","_nodeVersion":"20.18.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-k4Phl6egwnYYPJoQZ86Jd6OdTuGzyFWMA6CKVnIJbeu9u27IsaKI7IABli0vDmv5sFqA9CXXykqFg+Z7XPlY8Q==","shasum":"824b6027aa662f02d0daa029e3e9f82c62a6803e","tarball":"https://registry.npmjs.org/@albanese-ui/footer/-/footer-0.0.1.tgz","fileCount":13,"unpackedSize":8896,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCbWPS5Qfd9OX5tQttTqp6iLAJmcemtGtgbZTVvlUV9pwIhAMgEJ0JAq1xt3wEisz5kuN1yEnm8g/Hj7lMCckOBfcWD"}]},"_npmUser":{"name":"martinalbanese","email":"albanesemartinax@gmail.com"},"directories":{},"maintainers":[{"name":"martinalbanese","email":"albanesemartinax@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/footer_0.0.1_1738256152303_0.46276884375876515"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-30T16:55:52.192Z","0.0.1":"2025-01-30T16:55:52.498Z","modified":"2025-01-30T16:55:52.786Z"},"maintainers":[{"name":"martinalbanese","email":"albanesemartinax@gmail.com"}],"description":"Il componente Footer è un elemento riutilizzabile che crea un footer fisso in fondo alla pagina. Supporta temi chiaro e scuro e può includere contenuti aggiuntivi come link, bottoni o altre icone. È progettato per essere flessibile e completamente persona","readme":"# Componente Footer - @albanese-ui/footer\n\nIl componente Footer è un elemento riutilizzabile che crea un footer fisso in fondo alla pagina. Supporta temi chiaro e scuro e può includere contenuti aggiuntivi come link, bottoni o altre icone. È progettato per essere flessibile e completamente personalizzabile.\n\n## Installazione\n\nPer utilizzare il componente nella tua applicazione, assicurati di aver installato la libreria:\n\n```bash\nnpm install @albanese-ui/footer\n```\n\n## Importazione\n\nPuoi importare il componente direttamente dal pacchetto:\n\n```tsx\nimport { Footer } from '@albanese-ui/footer';\n```\n\n## Come utilizzare il componente\n\nEsempio base:\n\n```tsx\nimport { Footer } from '@albanese-ui/footer';\nimport { Button } from '@albanese-ui/button';\n\nfunction App() {\n  return (\n    <div className=\"app-container\">\n      <div>\n        {/* Contenuto principale dell'app */}\n        <h1>Benvenuti in Albanese UI!</h1>\n        <p>Questo è il contenuto della pagina.</p>\n      </div>\n      <Footer text=\"© 2025 Albanese UI\">\n        <Button label=\"Privacy Policy\" variant=\"ghost\" />\n        <Button label=\"Contattaci\" variant=\"ghost\" />\n      </Footer>\n    </div>\n  );\n}\n\nexport default App;\n```\n\n## Proprietà del componente\n\n| **Prop**   | **Tipo**            | **Default** | **Descrizione**                                                                                  |\n|------------|---------------------|-------------|--------------------------------------------------------------------------------------------------|\n| `text`    | `string`            | `-`         | Testo principale da visualizzare nel footer.                                      |\n| `theme`    | `'light' \\| 'dark'` | `'light'`   | La variante del tema per il footer:                                                              |\n|            |                     |             | - **`light`**: tema chiaro con sfondo chiaro e testo scuro (default).                           |\n|            |                     |             | - **`dark`**: tema scuro con sfondo scuro e testo chiaro.                                       |\n| `children` | `React.ReactNode`   | `null`      | Elementi opzionali da aggiungere accanto o sotto il testo del footer, come pulsanti o link.  |\n\n## Personalizzazione\n\nGli stili del footer possono essere personalizzati modificando il file CSS Module associato al componente (`footer.module.css`).\n","readmeFilename":"README.md"}