{"_id":"@bolttech/atoms-breadcrumbs","_rev":"10-3d395d85e8a06c8688f19603a3161b55","name":"@bolttech/atoms-breadcrumbs","dist-tags":{"latest":"0.4.2"},"versions":{"0.1.0":{"name":"@bolttech/atoms-breadcrumbs","version":"0.1.0","_id":"@bolttech/atoms-breadcrumbs@0.1.0","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"123fd1a9b46a95d471d21172562af2813a64cf8b","tarball":"https://registry.npmjs.org/@bolttech/atoms-breadcrumbs/-/atoms-breadcrumbs-0.1.0.tgz","fileCount":7,"integrity":"sha512-Buxgz2m9nut4Adwx6XUPrB45uUdu/Sgz2ZUkg67gnI/FRxg0qIG37FpOOGEa32BVwdFD1HwsGgjMGYJ9FzNeAA==","signatures":[{"sig":"MEUCIQCZKUkm8ERvpff3+qJ0nHElMTKpCUJZ82hhCfd0hcL5/gIgYc1il5QCDniaWlPt7vGn+ZUoUMM7mGwFUrr64ldRAaM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83621},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"67c809f6a7c2c491bf35a31d919510cd9584d7cf","_npmUser":{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},"_npmVersion":"10.7.0","description":"A React component to display a list of previous visited links.","directories":{},"_nodeVersion":"18.20.3","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.2.5","@bolttech/atoms-icon":"0.22.1","@bolttech/default-theme":"0.7.0","@bolttech/frontend-foundations":"0.8.2"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-breadcrumbs_0.1.0_1723197912427_0.07604478426422978","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@bolttech/atoms-breadcrumbs","version":"0.2.0","_id":"@bolttech/atoms-breadcrumbs@0.2.0","maintainers":[{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"lukaspiccinibt","email":"lukas.piccini@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"}],"dist":{"shasum":"1751626d11a7b62c8e05c4275829b413b2651df9","tarball":"https://registry.npmjs.org/@bolttech/atoms-breadcrumbs/-/atoms-breadcrumbs-0.2.0.tgz","fileCount":7,"integrity":"sha512-uDEBiwhKz5lNJ5uxi6Fh5Vxn7ApaNyHA0kISLg+6j5PPYdDcDiCrcKJlOWfiophhGgSVvjiao9ZsI/Lrph+hKg==","signatures":[{"sig":"MEYCIQCf6kTV7zST9xPsp0rvdg4UX9/dtx/qLMZ/0LFUx4HpOQIhANjWwb5TM93QY88rmg7dni8AG0eBBswS9b7LrMdyepwG","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83949},"main":"./index.cjs","type":"commonjs","types":"./src/index.d.ts","gitHead":"499dedbbd2b9093eafd5abf176af257140cc5ea6","_npmUser":{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},"_npmVersion":"8.19.4","description":"A React component to display a list of previous visited links.","directories":{},"_nodeVersion":"16.20.2","dependencies":{"react":"18.2.0","styled-components":"6.1.1","@bolttech/ui-utils":"0.4.0","@bolttech/atoms-icon":"0.23.0","@bolttech/default-theme":"0.8.0","@bolttech/frontend-foundations":"0.9.0"},"_hasShrinkwrap":false,"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/atoms-breadcrumbs_0.2.0_1725441856914_0.34175454848300224","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@bolttech/atoms-breadcrumbs","version":"0.4.0","_id":"@bolttech/atoms-breadcrumbs@0.4.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"7ceb301e888932eb65ded3a70f57ea67134e203e","tarball":"https://registry.npmjs.org/@bolttech/atoms-breadcrumbs/-/atoms-breadcrumbs-0.4.0.tgz","fileCount":8,"integrity":"sha512-lBfpmpMJh91kYqSR3fd79JEWUijp4mKH0TkDfnwnYX1Q+nCYt1NyVF7QjtAVU2ZK6UZKQ5CJwLs1G2rIp9PoQA==","signatures":[{"sig":"MEQCIAt9viESkw/FQKsphQGf1O/aYu7fD0QlO3bZqj+tjIrOAiBViXTqkzKsgsD6c6SxTAhPspLhEkhjrRGUHny48dlVZQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":98785},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"88c8a6663555587d3373e5d69a1e524b74c6c2de","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"A React component to display a list of previous visited links.","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","styled-components":"6.1.1","@bolttech/ui-utils":"0.6.4","@bolttech/atoms-icon":"0.24.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/atoms-breadcrumbs_0.4.0_1775668322272_0.01786962349961474","host":"s3://npm-registry-packages-npm-production"}},"0.4.2":{"name":"@bolttech/atoms-breadcrumbs","version":"0.4.2","dependencies":{"styled-components":"6.1.1","react":"19.1.2","@bolttech/ui-utils":"0.6.7","@bolttech/atoms-icon":"0.24.9"},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","_id":"@bolttech/atoms-breadcrumbs@0.4.2","gitHead":"7242eca87da451335fd86a0971bfe28519aa864b","description":"A React component to display a list of previous visited links.","_nodeVersion":"22.22.0","_npmVersion":"10.9.4","dist":{"integrity":"sha512-DTUsdx/ye9ZTheE5p74a25CC+k3VORe3Px+ONEsr+8Bz6PBT6pNpSUR6Yahg5GZ4fib1dR3AGRctYKN1NpSZ3w==","shasum":"8d67f72934ac02daaedf9fefa116ab6dfffe7c2c","tarball":"https://registry.npmjs.org/@bolttech/atoms-breadcrumbs/-/atoms-breadcrumbs-0.4.2.tgz","fileCount":8,"unpackedSize":98909,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCazQADE5Mo2f+SKmlu2POMOsP0VOExc/DFm2iTi0DQxQIgZmw8uHqZgZPG1nLTSmx4cz2WcYXfIUtN1YivcqdEbEI="}]},"_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/atoms-breadcrumbs_0.4.2_1780930652910_0.6031691564724762"},"_hasShrinkwrap":false}},"time":{"created":"2024-08-09T10:05:12.307Z","modified":"2026-06-08T14:57:33.386Z","0.1.0":"2024-08-09T10:05:12.578Z","0.2.0":"2024-09-04T09:24:17.089Z","0.4.0":"2026-04-08T17:12:02.425Z","0.4.2":"2026-06-08T14:57:33.062Z"},"description":"A React component to display a list of previous visited links.","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"## Breadcrumbs Component\n\nA React component to display a list of previous visited links.\n\n### Installation\n\nUse the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install the component.\n\n```bash\nnpm install @bolttech/atoms-breadcrumbs\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-breadcrumbs\n```\n\n### Props\n\nThe `Breadcrumbs` component accepts the following properties:\n\n| Prop | Type | Description |\n| ---------- | --------------------- | --------------------------------------------- |\n| id | `string` | The id of the breadcrumb container. |\n| dataTestId | `string` or `element` | The data-testid of the breadcrumbs container. |\n| item | `BreadcrumbItem` | The list of items of the breadcrumbs. |\n\n### Behaviours\n\nThe `breadcrumb` component has the following behaviours:\n\n- When 5 or less items, it displays all links with an > between them\n- When 6 or more items, it shows the First item, then a ... followed by the last 3 items\n- The last item should always be the selected item\n\n### Usage\n\n```jsx\nimport React from 'react';\nimport { Breadcrumbs } from '@bolttech/atoms-breadcrumbs';\nimport { bolttechTheme, BolttechThemeProvider } from '@bolttech/frontend-foundations';\n\nconst ExampleComponent = () => {\n const items = [\n { label: 'Home', href: '/' },\n { label: 'About', href: '/about' },\n { label: 'Contact', href: '/contact' },\n ];\n\n return (\n \n \n \n );\n};\n\nexport default ExampleComponent;\n```\n","readmeFilename":"README.md"}