{"_id":"@denicarmo/banner-full","_rev":"3-f32546d8d9acfefbaca13acd08d8c2c9","name":"@denicarmo/banner-full","dist-tags":{"latest":"0.3.0"},"versions":{"0.0.1":{"name":"@denicarmo/banner-full","version":"0.0.1","description":"Um componente JavaScript/TypeScript leve para criar carrosséis de banners com facilidade, oferecendo personalização flexível.","main":"./dist/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":{"name":"Deni Carmo"},"license":"MIT","devDependencies":{"@types/react":"^18.2.79","@types/react-dom":"^18.2.25","react":"^18.2.0","react-dom":"^18.2.0","react-slick":"^0.30.2","slick-carousel":"^1.8.1","typescript":"^5.4.5"},"_id":"@denicarmo/banner-full@0.0.1","types":"./dist/index.d.ts","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-9Vgmu+V+CNOP3q83gUrtxDjaiNT/UVZLoqLp75oP+f/m4dJJsMHjjT0HmYq4KTks59PG/enb7ObMMSFmH/CA0w==","shasum":"9545e83b5d9634fcff9de0f80d039a340e30240c","tarball":"https://registry.npmjs.org/@denicarmo/banner-full/-/banner-full-0.0.1.tgz","fileCount":6,"unpackedSize":4027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNQ+LNQkvDr6JdyfU56u/5Xf51SMBJL2co/xc5/WhJpAiBimp9Xypt4mVc0qHo/aAP1kSwqAVEnJCEyACeCK+1DzA=="}]},"_npmUser":{"name":"denicarmo","email":"deni.carmo2017@gmail.com"},"directories":{},"maintainers":[{"name":"denicarmo","email":"deni.carmo2017@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/banner-full_0.0.1_1713495352466_0.8506642821765265"},"_hasShrinkwrap":false},"0.0.2":{"name":"@denicarmo/banner-full","version":"0.0.2","description":"Um componente JavaScript/TypeScript leve para criar carrosséis de banners com facilidade, oferecendo personalização flexível.","main":"./src/index.tsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":{"name":"Deni Carmo"},"license":"MIT","devDependencies":{"@types/react":"^18.2.79","@types/react-dom":"^18.2.25","react":"^18.2.0","react-dom":"^18.2.0","react-slick":"^0.30.2","slick-carousel":"^1.8.1","typescript":"^5.4.5"},"_id":"@denicarmo/banner-full@0.0.2","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-1X8RLcf+rV1RgVnZiJJdm5IR6M6++HQUjexTqCpEpxXPjUAHQ5din4n+3/qw7CRw7B/Q9+y4wm0jryoJ4tUr4A==","shasum":"452b9ea0df281ea44bfc2648d35989ef287beafe","tarball":"https://registry.npmjs.org/@denicarmo/banner-full/-/banner-full-0.0.2.tgz","fileCount":5,"unpackedSize":3685,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFKPmt1wNDine47Gf4GpWKTMH44S93yWEhVsCwr2qJY8AiEAoLVrbTnhn3Zd1iooZMqfIzSuMeJ9WAa78vhqkb99UY4="}]},"_npmUser":{"name":"denicarmo","email":"deni.carmo2017@gmail.com"},"directories":{},"maintainers":[{"name":"denicarmo","email":"deni.carmo2017@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/banner-full_0.0.2_1713495853105_0.528086959382218"},"_hasShrinkwrap":false},"0.2.0":{"name":"@denicarmo/banner-full","version":"0.2.0","description":"Um componente JavaScript/TypeScript leve para criar carrosséis de banners com facilidade, oferecendo personalização flexível.","main":"./src/index.tsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":{"name":"Deni Carmo"},"repository":{"type":"git","url":"git+https://github.com/DeniCarmo/banner-full-component.git"},"devDependencies":{"@types/react":"^18.2.79","@types/react-dom":"^18.2.25","react":"^18.2.0","react-dom":"^18.2.0","react-slick":"^0.30.2","slick-carousel":"^1.8.1","typescript":"^5.4.5"},"_id":"@denicarmo/banner-full@0.2.0","gitHead":"e5373ba0f3b776a7c6b9ae01c6513b3e0cd0e9b0","bugs":{"url":"https://github.com/DeniCarmo/banner-full-component/issues"},"homepage":"https://github.com/DeniCarmo/banner-full-component#readme","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-y5pM5CgPz/UADqeXcbtj6KgmhPL7oLWzngkCTDHEUbJpHu6xScCuUzQnZBvUAbpPBYIGB2VDKpkUvdEMHmNbKQ==","shasum":"b8ccf5cb3c3c6d555e8c2c9e53e4e515ff993061","tarball":"https://registry.npmjs.org/@denicarmo/banner-full/-/banner-full-0.2.0.tgz","fileCount":6,"unpackedSize":5262,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGGCGkVOceRAghSWihDZYHen20WzbQWNzhzW1Kp5hAGQIgSdzGoLVYczcFz8i0rwB2aeei6OuqQBZ3pJ493gMh884="}]},"_npmUser":{"name":"denicarmo","email":"deni.carmo2017@gmail.com"},"directories":{},"maintainers":[{"name":"denicarmo","email":"deni.carmo2017@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/banner-full_0.2.0_1713650353495_0.4065273820461879"},"_hasShrinkwrap":false},"0.3.0":{"name":"@denicarmo/banner-full","version":"0.3.0","description":"Um componente JavaScript/TypeScript leve para criar carrosséis de banners com facilidade, oferecendo personalização flexível.","main":"./src/index.tsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":{"name":"Deni Carmo"},"repository":{"type":"git","url":"git+https://github.com/DeniCarmo/banner-full-component.git"},"devDependencies":{"@types/react":"^18.2.79","@types/react-dom":"^18.2.25","react":"^18.2.0","react-dom":"^18.2.0","react-slick":"^0.30.2","slick-carousel":"^1.8.1","typescript":"^5.4.5"},"_id":"@denicarmo/banner-full@0.3.0","gitHead":"f0454acb7d4811b11c9a5b4cb481cc3535e97609","bugs":{"url":"https://github.com/DeniCarmo/banner-full-component/issues"},"homepage":"https://github.com/DeniCarmo/banner-full-component#readme","_nodeVersion":"21.5.0","_npmVersion":"10.2.4","dist":{"integrity":"sha512-mwx6FjkoE7mWLLeVhH578ipymaBop4RXrnTBUhs7jJBegXYbFr85rW6zElmU7Qr2RXIzncM8GKwY+J8zrlz8uQ==","shasum":"a85574d9106eb1a1adb70907447ea4cf59e25cb8","tarball":"https://registry.npmjs.org/@denicarmo/banner-full/-/banner-full-0.3.0.tgz","fileCount":5,"unpackedSize":5489,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAIvqWHisw9Nujmbx2RM4ifQhprr0K2j9Lb/kzS7sdnQAiEA24HdXLr4k1b2UaWSHolv/799TPvXOQ2n8coZ3S5aKnw="}]},"_npmUser":{"name":"denicarmo","email":"deni.carmo2017@gmail.com"},"directories":{},"maintainers":[{"name":"denicarmo","email":"deni.carmo2017@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/banner-full_0.3.0_1713650997555_0.5156852219473687"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-19T02:55:52.400Z","0.0.1":"2024-04-19T02:55:52.631Z","modified":"2024-04-20T22:09:57.891Z","0.0.2":"2024-04-19T03:04:13.247Z","0.2.0":"2024-04-20T21:59:13.718Z","0.3.0":"2024-04-20T22:09:57.698Z"},"maintainers":[{"name":"denicarmo","email":"deni.carmo2017@gmail.com"}],"description":"Um componente JavaScript/TypeScript leve para criar carrosséis de banners com facilidade, oferecendo personalização flexível.","keywords":[],"author":{"name":"Deni Carmo"},"readme":"# React Banner Slider Component\r\n\r\nA responsive banner slider component for React, built with TypeScript. It allows you to easily create and manage a slideshow of banners with titles and links.\r\n\r\n## Installation\r\n\r\nYou can install the component via npm:\r\n\r\n\r\nnpm @denicarmo/banner-full\r\n\r\n## Usage\r\n\r\n```\r\nimport React from 'react';\r\nimport BannerSlider from 'your-package-name';\r\n\r\nconst sliderSettings = {\r\n dots: false,\r\n arrows: false,\r\n infinite: true,\r\n speed: 1000,\r\n autoplay: true,\r\n autoplaySpeed: 5000,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n};\r\n\r\nconst bannersData = [\r\n title: 'Example',\r\n items: [\r\n {\r\n id: '1',\r\n title: 'Banner 1',\r\n link: 'https://example.com',\r\n desk: 'image-url-desktop.jpg',\r\n mob: 'image-url-mobile.jpg',\r\n alt: 'Banner 1 Image',\r\n },\r\n // Add more banner items as needed\r\n ]\r\n];\r\n\r\nconst placeholderImage = 'placeholder-image-url.jpg';\r\n\r\nconst App = () => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default App;\r\n```\r\n\r\n## Banner Attributes\r\n\r\n* `id`: Unique identifier for the banner.\r\n* `title`: Title of the banner.\r\n* `link`: URL link for the banner.\r\n* `desk`: Image URL for desktop resolution.\r\n* `mob`: Image URL for mobile resolution.\r\n* `alt`: Alt text for the banner image.\r\n* `placeholder`: URL for the placeholder image to be displayed if a banner does not have an image provided.\r\n\r\n## Configuration\r\n\r\nThe banner slider component uses the Slick Slider library for the slideshow functionality. For detailed configuration options and documentation, refer to the Slick Slider documentation.","readmeFilename":"README.md","homepage":"https://github.com/DeniCarmo/banner-full-component#readme","repository":{"type":"git","url":"git+https://github.com/DeniCarmo/banner-full-component.git"},"bugs":{"url":"https://github.com/DeniCarmo/banner-full-component/issues"}}