{"_id":"@albanese-ui/button","name":"@albanese-ui/button","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@albanese-ui/button","version":"0.0.1","main":"./index.js","types":"./index.d.ts","exports":{".":{"import":"./index.mjs","require":"./index.js"}},"description":"Button è un componente riutilizzabile per pulsanti, progettato per essere flessibile e altamente personalizzabile. Supporta tre varianti principali di stile (solid, outline, ghost) e consente di definire facilmente azioni tramite l'attributo onClick.","_id":"@albanese-ui/button@0.0.1","_integrity":"sha512-Fxxj65T10x5Lz10pQhzKczwv3DcFUiLTOwKywE/pYeX/UM/C6RJAsc23u9/TfIl6LOAJ+rb5ZHckWb3C+kNvhA==","_resolved":"/tmp/c78fe14b5a353380316ee591a93d7399/albanese-ui-button-0.0.1.tgz","_from":"file:albanese-ui-button-0.0.1.tgz","_nodeVersion":"20.11.1","_npmVersion":"10.2.4","dist":{"integrity":"sha512-Fxxj65T10x5Lz10pQhzKczwv3DcFUiLTOwKywE/pYeX/UM/C6RJAsc23u9/TfIl6LOAJ+rb5ZHckWb3C+kNvhA==","shasum":"a5e0fe0a2cb696e53cc1027e160c5ec34e451674","tarball":"https://registry.npmjs.org/@albanese-ui/button/-/button-0.0.1.tgz","fileCount":13,"unpackedSize":8595,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIBNZzxsWmuYnVRfMjRYtjS6yUt8oV4fhQ6JXjrCwGJ97AiEA5eG/u9koPTzxMx3E8W3IpNdr/ymtSVpROKpoLveq5P4="}]},"_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/button_0.0.1_1738249860785_0.6265570648697569"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-30T15:11:00.634Z","0.0.1":"2025-01-30T15:11:00.972Z","modified":"2025-01-30T15:11:01.300Z"},"maintainers":[{"name":"martinalbanese","email":"albanesemartinax@gmail.com"}],"description":"Button è un componente riutilizzabile per pulsanti, progettato per essere flessibile e altamente personalizzabile. Supporta tre varianti principali di stile (solid, outline, ghost) e consente di definire facilmente azioni tramite l'attributo onClick.","readme":"# Componente Button - @albanese-ui/button\n\nButton è un componente riutilizzabile per pulsanti, progettato per essere flessibile e altamente personalizzabile. Supporta tre varianti principali di stile (solid, outline, ghost) e consente di definire facilmente azioni tramite l'attributo onClick.\n\n## Installazione\n\nPer utilizzare il componente nella tua applicazione, assicurati di aver installato la libreria:\n\n```bash\nnpm install @albanese-ui/button\n```\n\n## Importazione\n\nPuoi importare il componente direttamente dal pacchetto:\n\n```tsx\nimport { Button } from '@albanese-ui/button';\n```\n\n## Come utilizzare il componente\n\nEsempio base:\n\n```tsx\nimport { Button } from '@albanese-ui/button';\n\nfunction App() {\n  const handleClick = () => {\n    console.log('Pulsante cliccato!');\n  };\n\n  return (\n    <div>\n      <Button label=\"Clicca qui\" variant=\"solid\" onClick={handleClick} />\n    </div>\n  );\n}\n\nexport default App;\n\n```\n\n## Proprietà del componente\n\nIl componente accetta le seguenti **props**:\n\n| Prop      | Tipo                          | Default  | Descrizione                                                                                          |\n|-----------|-------------------------------|----------|------------------------------------------------------------------------------------------------------|\n| `label`   | `string`                      | -        | Testo visualizzato all'interno del pulsante.                                                        |\n| `variant` | 'solid', 'ghost', 'outline' | 'solid' | La variante di stile del pulsante:                                                                  |\n|           |                               |          | - **`solid`**: pulsante pieno con sfondo colorato (default).                                        |\n|           |                               |          | - **`outline`**: pulsante con bordo colorato e sfondo trasparente.                                  |\n|           |                               |          | - **`ghost`**: pulsante completamente trasparente con solo il testo colorato.                       |\n| `onClick` | `() => void`                  | `null`   | Funzione eseguita quando il pulsante viene cliccato.                                                |\n\n## Personalizzazione\n\nGli stili del pulsante possono essere personalizzati modificando il file CSS Module associato al componente (`button.module.css`).","readmeFilename":"README.md"}