{"_id":"@albanese-ui/navbar","name":"@albanese-ui/navbar","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@albanese-ui/navbar","version":"0.0.1","main":"./index.js","types":"./index.d.ts","exports":{".":{"import":"./index.mjs","require":"./index.js"}},"_id":"@albanese-ui/navbar@0.0.1","description":"Il componente Navbar è un elemento riutilizzabile per creare una barra di navigazione personalizzabile. Supporta un elenco di link di navigazione, azioni aggiuntive come pulsanti o menu a discesa e vari temi (chiaro o scuro).","_integrity":"sha512-/uj00B/Zl7j671sPa7rB7tIUY/ISjVIzTWGPxHcOCVP43s6huDT7erWLw8Z4us5BKOhp8HFR5krMaEUzy+jdlw==","_resolved":"/tmp/2e06784fc3d6495ab15936bf75129001/albanese-ui-navbar-0.0.1.tgz","_from":"file:albanese-ui-navbar-0.0.1.tgz","_nodeVersion":"20.18.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-/uj00B/Zl7j671sPa7rB7tIUY/ISjVIzTWGPxHcOCVP43s6huDT7erWLw8Z4us5BKOhp8HFR5krMaEUzy+jdlw==","shasum":"5f0d25437ea5ad3d7631c5a605bb2e4afe9e04f6","tarball":"https://registry.npmjs.org/@albanese-ui/navbar/-/navbar-0.0.1.tgz","fileCount":13,"unpackedSize":10175,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCSCC+6QfiKShhzDhMNRMyKh/6T7LD6jsFcPjP5ixM8YAIgEWdjiRBuQ57cwb0mlLfeEf9tfrxRxqdsWpCwloLWD6c="}]},"_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/navbar_0.0.1_1738256152480_0.3394834371895128"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-30T16:55:52.384Z","0.0.1":"2025-01-30T16:55:52.654Z","modified":"2025-01-30T16:55:52.924Z"},"maintainers":[{"name":"martinalbanese","email":"albanesemartinax@gmail.com"}],"description":"Il componente Navbar è un elemento riutilizzabile per creare una barra di navigazione personalizzabile. Supporta un elenco di link di navigazione, azioni aggiuntive come pulsanti o menu a discesa e vari temi (chiaro o scuro).","readme":"# Componente Navbar - @albanese-ui/navbar\n\nIl componente Navbar è un elemento riutilizzabile per creare una barra di navigazione personalizzabile. Supporta un elenco di link di navigazione, azioni aggiuntive come pulsanti o menu a discesa e vari temi (chiaro o scuro).\n\n## Installazione\n\nPer utilizzare il componente nella tua applicazione, assicurati di aver installato la libreria:\n\n```bash\nnpm install @albanese-ui/navbar\n```\n\n## Importazione\n\nPuoi importare il componente direttamente dal pacchetto:\n\n```tsx\nimport { Navbar } from '@albanese-ui/navbar';\n```\n\n## Come utilizzare il componente\n\nEsempio base:\n\n```tsx\nimport { Navbar } from '@albanese-ui/navbar';\nimport { Button } from '@albanese-ui/button';\n\nfunction App() {\n  const links = ['Home', 'About', 'Services', 'Contact'];\n\n  return (\n    <div>\n      <Navbar links={links} theme=\"light\">\n        <Button label=\"Login\" variant=\"outline\" />\n        <Button label=\"Sign Up\" />\n      </Navbar>\n    </div>\n  );\n}\n\nexport default App;\n```\n\n## Proprietà del componente\n\n| **Prop**   | **Tipo**            | **Default** | **Descrizione**                                                                                  |\n|------------|---------------------|-------------|--------------------------------------------------------------------------------------------------|\n| `links`    | `string[]`            | `-`         | Un array di stringhe che rappresentano i nomi dei collegamenti di navigazione.                                |\n| `theme`    | `'light' \\| 'dark'` | `'light'`   | La variante del tema per la navbar:                                                              |\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 sulla destra della navbar, come pulsanti o icone.  |\n\n## Personalizzazione\n\nGli stili possono essere personalizzati modificando il file CSS Module associato al componente (`navbar.module.css`).\n","readmeFilename":"README.md"}