{"_id":"@dgillen27/react-top-detecting-navbar-test","_rev":"4-44c9b0a2d0035212ce7164fe12ceec40","name":"@dgillen27/react-top-detecting-navbar-test","dist-tags":{"latest":"2.0.2"},"versions":{"1.0.0":{"name":"@dgillen27/react-top-detecting-navbar-test","version":"1.0.0","description":"Navbar that detects when screen is at the tpo of the page","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dgillen27/react-top-detecting-navbar.git"},"keywords":["react","npm","navbar","dgillen27","top-detecting","ui"],"main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint && npm run coverage"},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react-addons-test-utils":"^15.5.1","react":"^16.6.0","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"b5a618a9b09a4f816cb3d6de21ebf4fae5c3baa2","bugs":{"url":"https://github.com/dgillen27/react-top-detecting-navbar/issues"},"homepage":"https://github.com/dgillen27/react-top-detecting-navbar#readme","_id":"@dgillen27/react-top-detecting-navbar-test@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"dgillen27","email":"danielbgillen@gmail.com"},"dist":{"integrity":"sha512-Fns5LgU2zpu85ZEPDkwTC9EPs7dXhjImGi5ByJv+4ZxCPQU7qWoXdLJ+qmaSQNRtCO0AEwNC5ASFHhjqNhAXeQ==","shasum":"d79f89d9cf7565a6ab651e78c738fe60010cfc6c","tarball":"https://registry.npmjs.org/@dgillen27/react-top-detecting-navbar-test/-/react-top-detecting-navbar-test-1.0.0.tgz","fileCount":11,"unpackedSize":13431,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjQd2CRA9TVsSAnZWagAA+5cP/2EwRmbvq6bZpQn+cOAA\nOhXFwgr6W8typo8FxQ+INtrFjCTBEMx5eftlqd0WCZlCJxEpHhaD0oHH45Fj\np5lh1eJ6TSEV3Ab+1FpYB8qlmhwyiyiUKw2TefWJrOMDWY3VAospy6fa+UgK\n77ZOJFU5L6XseRzCa3d9Z4opL55SlGmiaYiS5nApgBEfWRaOK5dgjbTd6jty\nXmrn21USN7jPbIenzICnuwAbV01fDdsAlsWjKmOxxcPvBKUk/gsdVZTxEUTe\nLdDRy1zXrGm7xMxxqY7xhxkxYIddLq3r8oTqcXfMwVsiDbVHXiPtvc2tfX0B\nr5MzCUdCIFzACYVe08b73PrwtS0x3EtUEzij0a+2BB8rr0KRqL0NBaA3QiIL\nMl7TjRxie4HxRbjVVWFFshd8u+SMlKDtykvLy1XDutNYLUZf7CDbxbRONoBs\nQV9uMqF30xGvoTz/KiihMBFcPyqoszzwCs9WnkwdUotOpM1O14CXfuAMp3Cf\n5ruDSMLeGohFC+5H6zOfRAC7EbAbhiIIAHBC8Pa6nf8A7yYizfxHMWrqBsm9\nOfnktUhwe+oQ/y5IBehcqT9K8rHtesidUupQiT1ci16s5qaBez67usVO3IrS\n2byiBXpYqfmAjAeHa7yIOzNZc/rs1jVKwnLUh232Ym6/McBksS8C1ByKJkOC\nacYK\r\n=zk0v\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICx020+Ont8ye/OKjMHJbqaSfl12ZX0h3mWIG6rtdhTrAiEA0y7sFo1ylM21fTPyhtz7MMDcn5qQ6T9oBJNgFfP5GwU="}]},"maintainers":[{"name":"dgillen27","email":"danielbgillen@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-top-detecting-navbar-test_1.0.0_1569523574259_0.9586424813516368"},"_hasShrinkwrap":false},"2.0.0":{"name":"@dgillen27/react-top-detecting-navbar-test","version":"2.0.0","description":"Navbar that detects when screen is at the tpo of the page","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dgillen27/react-top-detecting-navbar.git"},"keywords":["react","npm","navbar","dgillen27","top-detecting","ui"],"main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint"},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react-addons-test-utils":"^15.5.1","react":"^16.6.0","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"644b4e518ff98e8189f2978d82d7d6e96708d2d0","bugs":{"url":"https://github.com/dgillen27/react-top-detecting-navbar/issues"},"homepage":"https://github.com/dgillen27/react-top-detecting-navbar#readme","_id":"@dgillen27/react-top-detecting-navbar-test@2.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"dgillen27","email":"danielbgillen@gmail.com"},"dist":{"integrity":"sha512-b94jzI/mBBbNNXAnJtGrGD2QkHPRRgzZJyA7FbXD9InPOFR+F1rJQJSCFIRe485KOV6Ftx4QEEdFNjDO5Z2WRQ==","shasum":"36f75a963aa9a790df28e12a88d0a013a75df11b","tarball":"https://registry.npmjs.org/@dgillen27/react-top-detecting-navbar-test/-/react-top-detecting-navbar-test-2.0.0.tgz","fileCount":11,"unpackedSize":13411,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjQlECRA9TVsSAnZWagAAGlgP/ihvF2DXAuo5R2+ercUt\nh8XEnjSDbFLlj96fD2pwbqGAcPvI2cB14snbrD5sTCz4Ii/TcoUMCcipeOgn\nSy2OCREQ6AS2shhEWQusMs68qs/NllywpVYnEWM8Qiacpiw+CYmPyy8wu4Yd\nSyyl8H+xkKh56S0UIltQrDmcTEE/g2kW0f2j2KXAt0leGh4Bn4lQQrdp2t+4\nf9FqXQL4LrZkVEqI8QMMQwDx/Oj7pREyFnKZH3AF70qsXSw5yxShUvB923zQ\nMAUQzCKjBddkImbqBSwHS0cAbqftSb0WqGyFUh9PqlIxgHerBZ8PH2CD3Bpe\n2KAbRBpFjdOEP5+p7Z9j18aDpDICWiQxjzmx2eb0xanXB5ZnkttJP2afdwdo\nq0grEqlL0vcCY7TKKzuuTtHdwnhULfUdfVBel/ADNu6qhuXHBvkapI772/io\nIg/EIC5u6an+9m3ssG87SEeBUMJL7XlEWvPTc6e2lA7LteKplAKNrLrR2MDn\nmHfzX4CAo1z1TqZIkdMO47IVNUkHKu7G66SjNYDnKffGufBOBDwG8d6kMQge\nvbOPkm6tqgXbdVU3DPxdyGLdCx2FdUgACxXpeapQLLKs7DCDiSzZd3xy0PgS\nJUwb1gOsCx7t5Cvvp62PE3JPN9qHBvxvdnXuAgyz93cQLz4l80uR6+eDdM3K\nnky7\r\n=8nLu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAhNG3Fs4khcl3ackToyRbpmsH9Q9UKoGDB1FH6fIf6aAiEAtwQ01PzEUOlQwuXs1eNSkK+wZ7Xgfc8MDef8R02wiHQ="}]},"maintainers":[{"name":"dgillen27","email":"danielbgillen@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-top-detecting-navbar-test_2.0.0_1569524036081_0.633029157039845"},"_hasShrinkwrap":false},"2.0.1":{"name":"@dgillen27/react-top-detecting-navbar-test","version":"2.0.1","description":"Navbar that detects when screen is at the tpo of the page","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dgillen27/react-top-detecting-navbar.git"},"keywords":["react","npm","navbar","dgillen27","top-detecting","ui"],"main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint"},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react-addons-test-utils":"^15.5.1","react":"^16.6.0","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"85f1f95ffb2cd559dcde186b2b9724bafaebaffb","bugs":{"url":"https://github.com/dgillen27/react-top-detecting-navbar/issues"},"homepage":"https://github.com/dgillen27/react-top-detecting-navbar#readme","_id":"@dgillen27/react-top-detecting-navbar-test@2.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"dgillen27","email":"danielbgillen@gmail.com"},"dist":{"integrity":"sha512-p+1Y509tJnN4ogwDOjL3/SrLUFvrH7fYzZuXGXKO2fecBOq0nbzQVrtOYElzYURdkH51C7qXzNsCxFwWETPb9w==","shasum":"3a9808ec9a912d869e21d23125554a72e3372349","tarball":"https://registry.npmjs.org/@dgillen27/react-top-detecting-navbar-test/-/react-top-detecting-navbar-test-2.0.1.tgz","fileCount":11,"unpackedSize":13433,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjQpFCRA9TVsSAnZWagAA86AQAIIW5kv3aenMvhGXSQRH\n+RBIIj1Dx6QBbXDFHTrqsZXkjoPLwe66p9EEcoqtjNQjksU7Q1QZQSXFgli4\ndKyfRnnDvCNa8kGWoVsFItC1dzdstC2DnaRIKn+7ixsyuCruND8h70MJVWDk\n88jw9oD7ISt4rEofJVHd8ZhwzEizxGppic3nThdfyhtUWN6sLGNlF/GE9vpz\n1l9jrM64/YvQkqQp1Bixl4nuFN88n0tz8tz1c21xi2W4fc4aX+eEnQha8rhy\nChQWDaLuUpSxolv7y30SToLQvTHMBj1AVPTDOJiM2nRlmHQ9SqhMNLXiCf8b\niFg6FLOtUyoQIrptSf486BAxAnZyXTFmfeK/sPZSQrniBii0Hiv2+t1/3OS3\nh6qyVqvr8GEkiiSr1mHfRMyQsLlVwomEyCuQTbZFlG/QidDeekSyndXc8HKz\nqRdvAIkx+jucrNSPluE7Snora6PJu+2ZJgkYBAUvJWIva5NHNTk7r0dxRaSt\nSg8/0OP9dlsv6/g2jvdw5JHaiESj/cDinUHDcFwFUl4t2s1XTj+/Un+Q1Bwt\nfEIk0bHQMRzgbdS2DzcgI6MZPuk3X5o1rhJEo2HkrbeDYhDlh500hb4OyUMJ\neoMMaubEIApDLbniIFzStIDh26hTSKs8xxeXr3Kc3Gn+7e4mhxRfYhrTz/Pd\nlzNv\r\n=fApq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDsVjQsBr11y0075OTu6BhOohJXNvF5p//ka9dBdYrIigIgBua8LEHt6EindH4VxH0Sm3/PxkQj9OeklLOUOcS/T7k="}]},"maintainers":[{"name":"dgillen27","email":"danielbgillen@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-top-detecting-navbar-test_2.0.1_1569524292666_0.0054752651147984555"},"_hasShrinkwrap":false},"2.0.2":{"name":"@dgillen27/react-top-detecting-navbar-test","version":"2.0.2","description":"Navbar that detects when screen is at the tpo of the page","license":"MIT","repository":{"type":"git","url":"git+https://github.com/dgillen27/react-top-detecting-navbar.git"},"keywords":["react","npm","navbar","dgillen27","top-detecting","ui"],"main":"./dist/index.js","scripts":{"build":"webpack --config webpack.config.babel.js","build-examples":"webpack --config examples/webpack.config.babel.js --progress","clean":"rm -rf dist coverage","coverage":"jest --coverage","lint":"eslint ./src","prepublish":"npm run clean && npm run build","start":"webpack-dev-server --config examples/webpack.config.live.babel.js","test":"npm run lint"},"devDependencies":{"@babel/core":"^7.1.2","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","@babel/register":"^7.0.0","babel-eslint":"^10.0.1","babel-jest":"^23.6.0","babel-loader":"^8.0.4","chai":"^4.1.2","clean-webpack-plugin":"^0.1.16","css-loader":"^1.0.1","enzyme":"^3.3.0","enzyme-adapter-react-16":"^1.1.1","eslint":"^5.8.0","eslint-plugin-react":"^7.4.0","jest-cli":"^23.6.0","node-sass":"^4.7.2","prop-types":"^15.6.0","react-addons-test-utils":"^15.5.1","react":"^16.6.0","react-dom":"^16.6.0","react-hot-loader":"next","react-test-renderer":"^16.0.0","regenerator-runtime":"^0.12.1","sass-loader":"^7.0.1","style-loader":"^0.23.1","webpack":"^4.9.1","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.4"},"peerDependencies":{"react":">= 16.3.0","react-dom":">= 16.3.0"},"resolutions":{"babel-core":"7.0.0-bridge.0"},"gitHead":"642744dc415a7819e6c02de494dc0a2578682454","bugs":{"url":"https://github.com/dgillen27/react-top-detecting-navbar/issues"},"homepage":"https://github.com/dgillen27/react-top-detecting-navbar#readme","_id":"@dgillen27/react-top-detecting-navbar-test@2.0.2","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"dgillen27","email":"danielbgillen@gmail.com"},"dist":{"integrity":"sha512-JSYb/3ILEpK2XNbdTejTbLfJsPu8mDNkq7UbTO1rR2oAlOk+It1fgqRo1viCqsMZhfLNH7M1Z9zGdUlnZd7o8w==","shasum":"da3515b6ef208b68914131f80a7863927d8d678e","tarball":"https://registry.npmjs.org/@dgillen27/react-top-detecting-navbar-test/-/react-top-detecting-navbar-test-2.0.2.tgz","fileCount":11,"unpackedSize":13437,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdjRHcCRA9TVsSAnZWagAAVP4P/3YWgQF6iNqazFJISlkv\nsvz81N5DWaEsISMKfyktIxLt4LZ2lohGSpCMpTQeF4h3CnTnqpG3jObC7K5l\nh+MKO+Q9rXhELVA0UbhnWKtg+GjUZl/3XW2hZh0M+l5lKy0cVuOMLin0xDex\n7LLyeVcpJqGqkRsp4UpzpiJ9CRgV6b8a+N7e33mvU067bOUHBDUQ6k3DbTuW\np80sla3eP2Q9Ay4//2Z0wXv/rpHsRH0UpvXV0ELPcsAvaqiE+9EGUxYlsmvz\nb+cmvExS/zl6zcSmEWg8dU6bbJSCjOyYQ4FQi8y9RoOKfx5sDzeIJ+kxVElG\nLp/0GG8wO2BYjHVg8jl5SwR+GMfTGtAponfRWtGDp08sz9rwnl/bgGPehxyR\nMJhTRs/p7yrnpBLg7sjsRIiK83ICDLKpKd3SKXScny+AjIYUN7qQshPG6W7q\nMoHOpgYLXkl/32EKZa1t8GBaYfp0g6dM3hS/hdtgnF+QFmykMvd1AmaZSvrI\nZ1SebReRV9U1HRp4Zv0wUTMm/Vch/yKg5iSSP2OTQzvPJl1EwREzdlECnpjE\nMNQbmXjRAaCviXZC7SgyJoVF5krIiai4F1dZq4zpms/pnseALtGrq5Me54TT\nexvcfMtNLfMshvhbnMZLWHM/00mAINBMgiu2d60Lx2Qcc40mlGmqCZHWhKRo\nakVX\r\n=T7z4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAdCEn851rYp3FugBs1MV2GKaJUm+qSfN0w+0IugqLGqAiA+yoSw+oxrA/cS03nP0qjwwvUFGUdEUZHzrUAOWEyHfg=="}]},"maintainers":[{"name":"dgillen27","email":"danielbgillen@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-top-detecting-navbar-test_2.0.2_1569526235428_0.8832440965087804"},"_hasShrinkwrap":false}},"time":{"created":"2019-09-26T18:46:14.055Z","1.0.0":"2019-09-26T18:46:14.406Z","modified":"2022-04-05T04:18:16.257Z","2.0.0":"2019-09-26T18:53:56.243Z","2.0.1":"2019-09-26T18:58:12.835Z","2.0.2":"2019-09-26T19:30:35.531Z"},"maintainers":[{"name":"dgillen27","email":"danielbgillen@gmail.com"}],"description":"Navbar that detects when screen is at the tpo of the page","homepage":"https://github.com/dgillen27/react-top-detecting-navbar#readme","keywords":["react","npm","navbar","dgillen27","top-detecting","ui"],"repository":{"type":"git","url":"git+https://github.com/dgillen27/react-top-detecting-navbar.git"},"bugs":{"url":"https://github.com/dgillen27/react-top-detecting-navbar/issues"},"license":"MIT","readme":"# react-top-detecting-navbar\r\n\r\n[](https://github.com/dgillen27/react-top-detecting-navbar)\r\n\r\n## Installation\r\n\r\n```\r\n$ npm install @dgillen27/react-top-detecting-navbar\r\n```\r\n\r\n## Basic Usage\r\n\r\n```js\r\nimport TopDetectingNavbar from \"@dgillen27/react-top-detecting-navbar\";\r\n\r\nfunction App() {\r\n return ;\r\n}\r\n```\r\n\r\n## Default styles\r\n\r\nThe TopDetectingNavbar may be passed a base className and topClassName so you can style this component as you would like, **_I highly recommend using className and topClassName_**. However, if you choose not to pass a className or a topClassName, these are your default styles for the component The default styles are really just intended to give you a reference point for when you first start working with the package.\r\n\r\n```js\r\nconst defaultStyle = {\r\n height: \"66px\",\r\n width: \"100vw\",\r\n backgroundColor: \"grey\",\r\n position: \"fixed\"\r\n};\r\n\r\nconst defaultTopStyle = {\r\n height: \"66px\",\r\n width: \"100vw\",\r\n backgroundColor: \"white\",\r\n position: \"fixed\"\r\n};\r\n```\r\n\r\n## Passing Props\r\n\r\nThese styles can be overwritten if you pass in props! TopDetectingNavBar accepts six different options as props:\r\n\r\n| Prop | Prop Type | Purpose |\r\n| ---------------------- | --------- | ------------------------------------------------------------------------------------- |\r\n| **className** | String | Assign a className to the navbar |\r\n| **topClassName** | String | Assign a className to the navbar when it is at the top of the page |\r\n| **height** | Number | Assign a height to style of the the navbar in px |\r\n| **width** | Number | Assign a width to style of the the navbar in vw |\r\n| **backgroundColor** | String | Assign a backgruondColor to the style of the navbar |\r\n| **topBackgroundColor** | String | Assign a backgruondColor to the style of the navbar when it is at the top of the page |\r\n\r\n---\r\n\r\nNote: If you are declaring a topClassName, you need to declare a className as well\r\n\r\n## Advanced Usage/Passing Props\r\n\r\n- If you pass in a className, `height`, `backgroundcolor`, and `topBackgroundColor` will be ignored.\r\n- Passing in a className with no topClassName will give the component the className of the className that you pass it.\r\n- If you have passed a className and topClassName, the component at the top of the page will recieve a className of both (i.e. `className=\"hello\" topClassName=\"world\"` the component will have a className of `\"hello world\"`) if you are not at the top of the page, it will only recieve the className of `\"hello\"`.\r\n\r\n### Passing in classNames\r\n\r\n```js\r\nimport TopDetectingNavbar from \"react-top-detecting-navbar\";\r\n\r\nfunction App() {\r\n return (\r\n \r\n Your content here
\r\n \r\n );\r\n}\r\n```\r\n\r\nclassName at the top of the page will be `\"hello world\"`\r\n\r\nclassName anywhere else on the page will be `\"hello\"`\r\n\r\n### Passing in style props\r\n\r\n```js\r\nimport TopDetectingNavbar from \"react-top-detecting-navbar\";\r\n\r\nfunction App() {\r\n return (\r\n \r\n Your content here
\r\n \r\n );\r\n}\r\n```\r\n\r\n\r\n## License\r\n\r\nMIT © ","readmeFilename":"README.md"}