{"_id":"@dandai-26/404-not-found","_rev":"3-8ca5271ac8d71cf7741b104329aae38b","name":"@dandai-26/404-not-found","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@dandai-26/404-not-found","version":"1.0.0","keywords":["404","not-found","react","nextjs","vite","typescript","javascript","component"],"author":{"name":"Alkanur Dandai"},"license":"ISC","_id":"@dandai-26/404-not-found@1.0.0","maintainers":[{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"}],"dist":{"shasum":"fae1080c687185a536bc6861e5644aa7f8c70104","tarball":"https://registry.npmjs.org/@dandai-26/404-not-found/-/404-not-found-1.0.0.tgz","fileCount":11,"integrity":"sha512-NqQ1/R6qa2xYbF1Z3SiOQ6ep4Rfb6kGSpaG2pDkHQt1fdiRJNzYzeZE28/LAcQu4LbHV2GTaXV5/2LlIWaUD9w==","signatures":[{"sig":"MEQCIA0JSOlIgB0tXLCNFVd1sSA+EbpYqEuh0WVFjFvaah6DAiA9sRZH6t85dPHmGW4nnMT6ytcpi2RZwrGt66Fz6ZYbsw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8272},"main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"},"_npmVersion":"10.9.2","description":"A beautiful and customizable 404 Not Found component for React.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^6.0.3","@types/react":"^19.2.17","@types/react-dom":"^19.2.3"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/404-not-found_1.0.0_1782472878915_0.5803727459588199","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@dandai-26/404-not-found","version":"1.0.1","keywords":["404","not-found","react","nextjs","vite","typescript","javascript","component"],"author":{"name":"Alkanur Dandai"},"license":"ISC","_id":"@dandai-26/404-not-found@1.0.1","maintainers":[{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"}],"dist":{"shasum":"fb848ad7acf12acca53db0a3ed6bde693c75f5a9","tarball":"https://registry.npmjs.org/@dandai-26/404-not-found/-/404-not-found-1.0.1.tgz","fileCount":12,"integrity":"sha512-z9TQGuJh+IDBitf0eecmxGbhhIE74JVBLgFbHmzOiwDWDlJ42/BUPxcXAxwK8avMmfAeB5EhZTo1gnwHK2nnLQ==","signatures":[{"sig":"MEQCIEURCPrBYbf7G6oBL8Ii/O6lFdnve9SqKno7l1epINfmAiBWSdhRjzTkFOwTAgWFIwrVkSr7sqKVP4Ckyh+CROyOxA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11329},"main":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc","prepublishOnly":"npm run build"},"_npmUser":{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"},"_npmVersion":"10.9.2","description":"A beautiful and customizable 404 Not Found component for React.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"^6.0.3","@types/react":"^19.2.17","@types/react-dom":"^19.2.3"},"peerDependencies":{"react":">=18"},"_npmOperationalInternal":{"tmp":"tmp/404-not-found_1.0.1_1782473825477_0.5037771257395243","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@dandai-26/404-not-found","version":"1.0.2","description":"A beautiful and customizable 404 Not Found component for React.","author":{"name":"Alkanur Dandai"},"license":"ISC","main":"./dist/index.js","types":"./dist/index.d.ts","publishConfig":{"access":"public"},"scripts":{"build":"tsc","prepublishOnly":"npm run build"},"keywords":["404","not-found","react","nextjs","vite","typescript","javascript","component"],"peerDependencies":{"react":">=18"},"devDependencies":{"@types/react":"^19.2.17","@types/react-dom":"^19.2.3","typescript":"^6.0.3"},"_id":"@dandai-26/404-not-found@1.0.2","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-eH1pl77tw1IZtPD2CL8N1uUNx19PUzfSp6qfgWyJ0rzqrDJONV0aevKkiW7akD3+3ZSbbEAY/5eS7LBSD/W6ew==","shasum":"ee494e591d9aa09116e862265a43c13d8dc18f76","tarball":"https://registry.npmjs.org/@dandai-26/404-not-found/-/404-not-found-1.0.2.tgz","fileCount":12,"unpackedSize":11329,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIHkbVo2mMeaZKDaqclQnfUIVJF489Mcok6K1RBnX8Nq8AiB2snShMX7+PTul2OVebRv+1+CCxXzNQQjqD9g4iEaicw=="}]},"_npmUser":{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"},"directories":{},"maintainers":[{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/404-not-found_1.0.2_1782474030227_0.4664596602340465"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-26T11:21:18.777Z","modified":"2026-06-26T11:40:30.486Z","1.0.0":"2026-06-26T11:21:19.069Z","1.0.1":"2026-06-26T11:37:05.622Z","1.0.2":"2026-06-26T11:40:30.371Z"},"author":{"name":"Alkanur Dandai"},"license":"ISC","keywords":["404","not-found","react","nextjs","vite","typescript","javascript","component"],"description":"A beautiful and customizable 404 Not Found component for React.","maintainers":[{"name":"dandai-26","email":"alkanurdandai.acad@gmail.com"}],"readme":"# @dandai-26/dnd-notfound\r\n\r\nA customizable React 404 Not Found page component.\r\n\r\n---\r\n\r\n## 📦 Installation\r\n\r\n```bash\r\nnpm install @dandai-26/dnd-notfound\r\n```\r\n\r\nor\r\n\r\n```bash\r\nyarn add @dandai-26/dnd-notfound\r\n```\r\n\r\n---\r\n\r\n## 🚀 Basic Usage\r\n\r\n### JavaScript / TypeScript\r\n\r\n```tsx\r\nimport NotFound from \"@dandai-26/dnd-notfound\";\r\n\r\nexport default function App() {\r\n return ;\r\n}\r\n```\r\n\r\n---\r\n\r\n## 🎨 Custom Usage\r\n\r\nYou can fully customize the 404 page:\r\n\r\n```tsx\r\n\r\n```\r\n\r\n---\r\n\r\n## 🧩 Props\r\n\r\n| Prop | Type | Default | Description |\r\n| ---------------- | --------------- | ---------------- | ----------------------- |\r\n| title | string | \"404\" | Main heading text |\r\n| subtitle | string | \"Page Not Found\" | Subtitle text |\r\n| description | string | Default message | Description text |\r\n| buttonText | string | \"Go Home\" | Button label |\r\n| buttonLink | string | \"/\" | Button redirect link |\r\n| backgroundColor | string | \"#ffffff\" | Page background color |\r\n| titleColor | string | \"#111827\" | Title color |\r\n| subtitleColor | string | \"#374151\" | Subtitle color |\r\n| descriptionColor | string | \"#6b7280\" | Description color |\r\n| buttonColor | string | \"#111827\" | Button background color |\r\n| buttonTextColor | string | \"#ffffff\" | Button text color |\r\n| borderRadius | string | \"10px\" | Button border radius |\r\n| maxWidth | string | \"600px\" | Content width |\r\n| fontFamily | string | \"system-ui\" | Font family |\r\n| showButton | boolean | true | Show/hide button |\r\n| icon | React.ReactNode | none | Optional icon |\r\n\r\n---\r\n\r\n## 🎯 Example with Icon\r\n\r\n```tsx\r\nimport NotFound from \"@dandai-26/dnd-notfound\";\r\nimport { FaExclamationTriangle } from \"react-icons/fa\";\r\n\r\nexport default function App() {\r\n return (\r\n }\r\n title=\"404\"\r\n subtitle=\"Oops!\"\r\n />\r\n );\r\n}\r\n```\r\n\r\n---\r\n\r\n## ⚡ Features\r\n\r\n* Fully customizable 404 page\r\n* Supports React + TypeScript\r\n* Easy styling via props\r\n* Lightweight and dependency-free\r\n* Works in Next.js, Vite, CRA\r\n\r\n---\r\n\r\n## 📄 License\r\n\r\nISC\r\n","readmeFilename":"README.md"}