{"_id":"@ej-hooks/use-fade-in","_rev":"1-18b1e62c403fbddb5100de6589027a58","name":"@ej-hooks/use-fade-in","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@ej-hooks/use-fade-in","version":"1.0.0","description":"React Hook to fade in any element.","main":"index.js","repository":{"type":"git","url":"git+https://github.com/eunjinfizz/react-hooks.git"},"keywords":["react","hooks","fade-in","react-hooks"],"author":{"name":"Eunjin Kwon","email":"eunjinfizz@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/eunjinfizz/react-hooks/issues"},"homepage":"https://github.com/eunjinfizz/react-hooks#readme","peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"_id":"@ej-hooks/use-fade-in@1.0.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Olw7+JIznyf7oKQ70qWLqGZ6QFGyoZWrtu1RRYh3DJLSTpuJGz7Tgsn8lOKiahEiPH/a+xGXNPnimtHVWtgXkw==","shasum":"068c12ca1ce9a7aefc9280d59ed995a4e42d0ed0","tarball":"https://registry.npmjs.org/@ej-hooks/use-fade-in/-/use-fade-in-1.0.0.tgz","fileCount":4,"unpackedSize":2424,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhD9aHCRA9TVsSAnZWagAAaOUP/1s+HbAwWjKommhOfq77\nMCa3DVT2PyilKQfPeK06qZUXkPbxGr2gGOHFKVzdQscp9x7GqzTt+dtzdQC9\nKRWnJY+Li9BMj2KqEz0fHdv/VPMhT7Dz84a34ZI0opvks7+pgOXsLQtvsBLY\nG8HKHTrlQK5GcW3ZQype5ePaCPLjYtd3xHClkWQfvaTk7C9UPn7jI3+D4UsK\nAiLqPZpEwbhp/D+dUUKVwRBVdbrPtDj21AaxaWY+3UtQAcN0+s7a1ta5S6qO\nJHh/dsv5ePWn4u1BAz6dwYiZxOL6NH6ahKnv/nvbJ6hEuEXngqbPqoAWns3Q\nMjtuJVrMmPFcISlrGRo8Nmf5WZQApD6KvSqy6dDZxdjzUG1sGnOc48KCvwKW\nE092EoUjY195eboqvW+cpEhpFj7eVIfqCe66YO+OHLs61evXsOXd+jjOkKWP\nDBAqJ9A31BFMX1BEYyxBShRpJVU6xcpBdXEkmMFWEvlP0gAxQM1g2Xrd4O1l\nUX0QGbXVlOkYETi3qpCwKjGTfvdw8WHLedJAw5ueq3bdSKkizkz4HmqZnrFh\nGSsODOwW2bIXTL+w9BXNWx+UHxyJe3GuSp64duITfyjls3oh6ebJSuJnBnpq\n9q15hoO+hyVTZfaA2HdwAAJfzj736tWm2PyP40OxMFbaIBMznW/FImE139hY\nHesR\r\n=F7uD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6FhJYgaNau+ENx3Pn27lCKqoLgBwVBX5a3BDheHTZcwIgafNe9w6EroalqE2aKHr91JKEIxvGcnBcwPylcwxal2M="}]},"_npmUser":{"name":"eunjinfizz","email":"eunjinfizz@gmail.com"},"directories":{},"maintainers":[{"name":"eunjinfizz","email":"eunjinfizz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/use-fade-in_1.0.0_1628427911746_0.5076868378541535"},"_hasShrinkwrap":false}},"time":{"created":"2021-08-08T13:05:11.703Z","1.0.0":"2021-08-08T13:05:11.891Z","modified":"2022-04-05T07:01:05.623Z"},"maintainers":[{"name":"eunjinfizz","email":"eunjinfizz@gmail.com"}],"description":"React Hook to fade in any element.","homepage":"https://github.com/eunjinfizz/react-hooks#readme","keywords":["react","hooks","fade-in","react-hooks"],"repository":{"type":"git","url":"git+https://github.com/eunjinfizz/react-hooks.git"},"author":{"name":"Eunjin Kwon","email":"eunjinfizz@gmail.com"},"bugs":{"url":"https://github.com/eunjinfizz/react-hooks/issues"},"license":"MIT","readme":"# @ej-hooks/use-fade-in\r\n\r\nReact Hook to fade in any element.\r\n\r\n## Installation\r\n\r\n#### yarn\r\n\r\n`yarn add @ej-hooks/use-fade-in`\r\n\r\n#### npm\r\n\r\n`npm i @ej-hooks/use-fade-in`\r\n\r\n## Usage\r\n\r\n```js\r\nimport React from 'react';\r\nimport useFadeIn from '@ej-hooks/use-fade-in';\r\nfunction App() {\r\n  const fadeIn = useFadeIn(5, 10);\r\n  return <h1 {...fadeIn}>This will fade in.</h1>;\r\n}\r\n```\r\n\r\n### Arguments\r\n\r\n| Argument | Type   | Description                                     | Required | Default value |\r\n| -------- | ------ | ----------------------------------------------- | -------- | ------------- |\r\n| duration | number | Sets the duration of the transition. In seconds | no       | 1             |\r\n| delay    | number | Delays of transition's start. In seconds        | no       | 0             |\r\n\r\n### Return\r\n\r\n| Return value | Type      | Description                         | Default value |\r\n| ------------ | --------- | ----------------------------------- | ------------- |\r\n| ref          | React Ref | A ref created to fadeIn the element | null          |\r\n| style        | Object    | Style object                        | `{opacity:0}` |\r\n\r\nIt's recommended to just spread the returned object on the element as shown in the Usage section above.\r\n","readmeFilename":"README.md"}