{"_id":"@derpyvision/doge-nft-components","_rev":"3-161f7746cca41d21016a94c8eec69efe","name":"@derpyvision/doge-nft-components","dist-tags":{"pre-release":"1.2.0","latest":"1.2.12"},"versions":{"1.2.0":{"name":"@derpyvision/doge-nft-components","version":"1.2.0","description":"NFT Media Rendering Components","typings":"dist/index.d.ts","source":"src/index.ts","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/dblodorn/doge-nft-components.git"},"author":{"name":"Zora"},"license":"GPL-3.0","private":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@emotion/css":"^11.1.3","@zoralabs/nft-hooks":"1.2.0","deepmerge":"^4.2.2","merge-anything":"^4.0.1","tslib":"^2.2.0"},"devDependencies":{"@babel/core":"^7.14.2","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-links":"^6.4.18","@storybook/react":"^6.4.18","@testing-library/react":"^11.2.7","@types/jest":"^26.0.23","babel-loader":"^8.2.2","fetch-mock-jest":"^1.5.1","gh-pages":"^3.1.0","husky":"^6.0.0","jest":"^27.0.4","mockdate":"^3.0.5","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2","ts-jest":"^27.0.3","typescript":"^4.2.4"},"lint-staged":{"*.{ts,md}":"prettier src --write"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"scripts":{"prepack":"yarn clean && tsc","publish-prelease":"npm publish --access public --tag=pre-release","build":"yarn run prepack","test":"TZ='EST' jest","clean":"rm -rf ./dist","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","predeploy":"npm run build-storybook","deploy-storybook":"gh-pages -d storybook-static"},"gitHead":"40edd51b89e1959f16312f57fab8edfc6e109df4","bugs":{"url":"https://github.com/dblodorn/doge-nft-components/issues"},"homepage":"https://github.com/dblodorn/doge-nft-components#readme","_id":"@derpyvision/doge-nft-components@1.2.0","_nodeVersion":"16.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-PakDVzGAj3784XiEtidU5aYcSokCh6vRduR5QG7AUjoao1+Arvn+naibuET4PXv8VcgprOwf7m/bdG2ueuz8iA==","shasum":"7ba7a778a50ac7bf0c634feb953179120246e51a","tarball":"https://registry.npmjs.org/@derpyvision/doge-nft-components/-/doge-nft-components-1.2.0.tgz","fileCount":117,"unpackedSize":317771,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG8DQj6PFpn6N84TdaX9iQjMy4OEeUo0Ngta3nKiMMdXAiA5/BFmD3fizTWfJnlJhW/XKAHJYV8ETvXf3ziGg4vOvw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMsiJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJSQ/+Iw+TKSAavYLvPK3Pn34qLKYgp0+mxOYRTLH7z2SuI/0wV+70\r\nEK17XvxNevKjIL3YyDCxpaCo4gSt+Y9zNyDQiNXZPzSaNXJaDg5VL8uWLyHa\r\n726nShmrrxIrtjckqnyJC/jrdaoSOZ/puEBiLfgjRk8QhSfJuLamL+H4puKs\r\nlypYwbAxTq22Lt+lw0UCcY9ZrVzgRcMpEP7EiHYfzQQthF1H69sURH8DSQt7\r\nEg1Dn3eGz3vf2h4qXL9lt20x8/NAk2Scky0f1JmYxpEbYy/Dh65Bwn8d8J9T\r\n9a40WNqxDfvmdhwmjv2dHwX9LkMrTXkG6Ga7zmug4Dofn12RXP7O4WQCPNSu\r\nEoE+EtoyjPDUOy/aiQrkFzBGt9IMBTqJlmyyAB7brEkJtKYQLEH4mnvd890v\r\nCWO4US5n9r82J5WblWTghogVXJvRb74nhT4Kr42GsYb46Z8zWeVTrRpwMvDC\r\nIGQLiqBDvdkfDr/KS11TDzl74X8tJ4NNslMkn2VyCwSg2N/rX2+aaMm8f8oa\r\n/ythgr7bCnFqdZLUE7BiRKcag+g7fyyhQ359gebm8+lnr9VY7/kmFPIEKNIa\r\nKrqWATbBUNNNXj4d/enzBxzeeKrn5po8C3IJOOWREDBwCaYh7ySpnmUYpP+F\r\nV6CyCvDsYRglu97C3WIzJoJEKnFy++j66xo=\r\n=r4fD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mrdain","email":"dain@db13.us"},"directories":{},"maintainers":[{"name":"mrdain","email":"dain@db13.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/doge-nft-components_1.2.0_1681049737371_0.6156381836778377"},"_hasShrinkwrap":false},"1.2.1":{"name":"@derpyvision/doge-nft-components","version":"1.2.1","description":"NFT Media Rendering Components","typings":"dist/index.d.ts","source":"src/index.ts","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/dblodorn/doge-nft-components.git"},"author":{"name":"Zora"},"license":"GPL-3.0","private":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@emotion/css":"^11.1.3","@zoralabs/nft-hooks":"1.2.0","deepmerge":"^4.2.2","merge-anything":"^4.0.1","tslib":"^2.2.0"},"devDependencies":{"@babel/core":"^7.14.2","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-links":"^6.4.18","@storybook/react":"^6.4.18","@testing-library/react":"^11.2.7","@types/jest":"^26.0.23","babel-loader":"^8.2.2","fetch-mock-jest":"^1.5.1","gh-pages":"^3.1.0","husky":"^6.0.0","jest":"^27.0.4","mockdate":"^3.0.5","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2","ts-jest":"^27.0.3","typescript":"^4.2.4"},"lint-staged":{"*.{ts,md}":"prettier src --write"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"scripts":{"prepack":"yarn clean && tsc","publish-prelease":"npm publish --access public --tag=pre-release","build":"yarn run prepack","test":"TZ='EST' jest","clean":"rm -rf ./dist","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","predeploy":"npm run build-storybook","deploy-storybook":"gh-pages -d storybook-static"},"gitHead":"40edd51b89e1959f16312f57fab8edfc6e109df4","bugs":{"url":"https://github.com/dblodorn/doge-nft-components/issues"},"homepage":"https://github.com/dblodorn/doge-nft-components#readme","_id":"@derpyvision/doge-nft-components@1.2.1","_nodeVersion":"16.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-HU+kuanSer2GDPmH2p/ymXXGupq40KygeDTDp1/WBarKkyw4mgNPJYW060APViUwmO/KOvAqA7zs/N0kt2vAGA==","shasum":"d51b2d8a21e9f425601e2cc202408e74e0ee2875","tarball":"https://registry.npmjs.org/@derpyvision/doge-nft-components/-/doge-nft-components-1.2.1.tgz","fileCount":117,"unpackedSize":318100,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDdqCH34H0SDmecmQwk3MpQQLTyMd4aYYfL3KgSwd4yrwIgF4kGSHV2xroiUBtjYvuLRagxMDnHLexD42GwLiTx7Vk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMs4KACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqplBAAgtzbhe2EpLS+Cg+8IDpKyBr/8jUNHBjPZzYT8AmzT7DpNeK9\r\nRJ1NY7IfJRENJY4nFGwX9oz38aCk827/Y9DLgJdQ+DerP6mWJDHBsb/Wge8S\r\n3mLCc9C1cYk+9+ttWm1sxG+W7X4fIItOV5aoKPi1fPTgGKcRSdt99Mfn/MvY\r\njcJDibEiI6zFsoDXz9NbcYwLX7FfjKo342T7wvLgh/n+ihc8FSEkARh9Ux4a\r\nIPAgkCJoSMB/3duUvkoKDACncSivmIh+NJod28TloniVV4YjVSY4g6Q0EvOI\r\nSjnckjf6sj/ItVr3r1BO8bfzRM0hzlzulC7LnBj5ys0gJavKEDV0PgGt26td\r\nOmWUSlAoLyBY1BIgcgNzKEzXgEQ50cvcoX2Xf8kyW5LM8Q78LxMKtaSanovq\r\n/BzysrHLY5T2SSTixbHYdpIr0K2xEPaNP4+M+FUzNm0QGihgCylq2no5Bae8\r\nRvVfkRwcm0k3dy2zeMxwwbyqVDFPx2aAN1hpViBtctd+NZrd3cWKxUExS6q8\r\nt3PBxrA1aWvsE5KbKT+zLjMUtJYdnux273/EqHLU3rPB6vXrlrGHsFfrExXY\r\npjNqA/tyxj1PdvdZMv3OsN1HQFghQ571NG9/FDdO2BLTH8Q2JglhOTSIHNTH\r\ndzog324cA89cxPTHfCqiVW2mtFz9alzwbQI=\r\n=lpt5\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mrdain","email":"dain@db13.us"},"directories":{},"maintainers":[{"name":"mrdain","email":"dain@db13.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/doge-nft-components_1.2.1_1681051146712_0.4236109808210453"},"_hasShrinkwrap":false},"1.2.11":{"name":"@derpyvision/doge-nft-components","version":"1.2.11","description":"NFT Media Rendering Components","typings":"dist/index.d.ts","source":"src/index.ts","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/dblodorn/doge-nft-components.git"},"author":{"name":"Zora"},"license":"GPL-3.0","private":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@emotion/css":"^11.1.3","@zoralabs/nft-hooks":"1.2.0","deepmerge":"^4.2.2","merge-anything":"^4.0.1","tslib":"^2.2.0"},"devDependencies":{"@babel/core":"^7.14.2","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-links":"^6.4.18","@storybook/react":"^6.4.18","@testing-library/react":"^11.2.7","@types/jest":"^26.0.23","babel-loader":"^8.2.2","fetch-mock-jest":"^1.5.1","gh-pages":"^3.1.0","husky":"^6.0.0","jest":"^27.0.4","mockdate":"^3.0.5","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2","ts-jest":"^27.0.3","typescript":"^4.2.4"},"lint-staged":{"*.{ts,md}":"prettier src --write"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"scripts":{"prepack":"yarn clean && tsc","publish-prelease":"npm publish --access public --tag=pre-release","build":"yarn run prepack","test":"TZ='EST' jest","clean":"rm -rf ./dist","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","predeploy":"npm run build-storybook","deploy-storybook":"gh-pages -d storybook-static"},"gitHead":"eeb5f46c0dc9214c84ab900976163ab451981a1d","bugs":{"url":"https://github.com/dblodorn/doge-nft-components/issues"},"homepage":"https://github.com/dblodorn/doge-nft-components#readme","_id":"@derpyvision/doge-nft-components@1.2.11","_nodeVersion":"16.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-11hxdTxJhNqeFECObUO1cvC0WUG6McJcKtysni9+6hfDhkYfDHKYrYXXZJdjhfXF+o/h0OjTMFeGeaujVWMqGA==","shasum":"3bdf5e2a62045448ea37e0b2711198a7cd26f7f9","tarball":"https://registry.npmjs.org/@derpyvision/doge-nft-components/-/doge-nft-components-1.2.11.tgz","fileCount":117,"unpackedSize":318076,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHu1UW/YF/RIkxFIJ3bEvGafUKdpM49dfU4el7i89um5AiBNuY1MRzCK/BpcTdpL1OUsK/CI5KfGetu8qjlMTjlyyw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMs/tACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmozuQ//VVd17Ve9RVRiyjhemNKRCBx4CAxVdk3ixkPICxbNKEzJVeD/\r\nt28uxLVVTcim5eRAnjjMPTKyFoqsm5aA5N4LcZB3qK4BVoklUvBY/vfaNaqn\r\nHrj1q9pS4+LB9fBTH/wBaFlOe9PO6aQt9Q1R+HVaTOKIAJGBS352PJRFrG7n\r\nrOTU9rc2NM8dnTiz7XOJMnHf09k/Iar5tU5R19ySixBPv+XOUtYjH8fjpiiu\r\nDQGJB1DUos7u8ACXQVN9EPlq3A8xnxt0n1CqFTm2pzvlxUIMtfIcxM+IlYm9\r\niofcbEFDphJIvvVpdc06bWGVb2xraKlMJLHX8njLcN3Mb8OVYu4mIUvK0kxC\r\nUl219erRXCx7qmr04TVF9pWbKP1ebyec49kwNalcZ5w8RI/aa4uF6nLfGs42\r\nRcNeBhibbSNNmbYpfcmeKESnz5CAFsANm8E7A9gKy8hEFeW3c4JIAboT+6a4\r\nmuMIolAmWlIng1TW4wwoWJ+3FHQuftZgQwLuy/97ISar8vbRRePkpkRJAsT1\r\nW/GBCBpvsLHVFsc9DeeC0I2wx9YwRmrSMqeW461hquDimBfHnwiuvvzGzTDF\r\nfmEiA/PuxuYLWRGqUQ7F7caa+xiFFN1Q9FUDZpu5+10PoWJTvR65JKsiYpom\r\ntnoGq1lpBhn8V4AVFKvXJ3S8lFycuvsZtdI=\r\n=ZWmh\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mrdain","email":"dain@db13.us"},"directories":{},"maintainers":[{"name":"mrdain","email":"dain@db13.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/doge-nft-components_1.2.11_1681051629140_0.39773174294741165"},"_hasShrinkwrap":false},"1.2.12":{"name":"@derpyvision/doge-nft-components","version":"1.2.12","description":"NFT Media Rendering Components","typings":"dist/index.d.ts","source":"src/index.ts","main":"dist/index.js","repository":{"type":"git","url":"git+https://github.com/dblodorn/doge-nft-components.git"},"author":{"name":"Zora"},"license":"GPL-3.0","private":false,"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2"},"dependencies":{"@emotion/css":"^11.1.3","@zoralabs/nft-hooks":"1.2.0","deepmerge":"^4.2.2","merge-anything":"^4.0.1","tslib":"^2.2.0"},"devDependencies":{"@babel/core":"^7.14.2","@storybook/addon-a11y":"^6.4.18","@storybook/addon-actions":"^6.4.18","@storybook/addon-essentials":"^6.4.18","@storybook/addon-links":"^6.4.18","@storybook/react":"^6.4.18","@testing-library/react":"^11.2.7","@types/jest":"^26.0.23","babel-loader":"^8.2.2","fetch-mock-jest":"^1.5.1","gh-pages":"^3.1.0","husky":"^6.0.0","jest":"^27.0.4","mockdate":"^3.0.5","prettier":"^2.3.0","react":"^17.0.2","react-dom":"^17.0.2","ts-jest":"^27.0.3","typescript":"^4.2.4"},"lint-staged":{"*.{ts,md}":"prettier src --write"},"husky":{"hooks":{"pre-commit":"lint-staged"}},"scripts":{"prepack":"yarn clean && tsc","publish-prelease":"npm publish --access public --tag=pre-release","build":"yarn run prepack","test":"TZ='EST' jest","clean":"rm -rf ./dist","storybook":"start-storybook -p 6006","build-storybook":"build-storybook","predeploy":"npm run build-storybook","deploy-storybook":"gh-pages -d storybook-static"},"gitHead":"eeb5f46c0dc9214c84ab900976163ab451981a1d","bugs":{"url":"https://github.com/dblodorn/doge-nft-components/issues"},"homepage":"https://github.com/dblodorn/doge-nft-components#readme","_id":"@derpyvision/doge-nft-components@1.2.12","_nodeVersion":"16.10.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-oXmIfclMm5hlV/0B56i0Ub30SwgHjTuyx2uCF/7z1Ai7BGo7hiir0zQHm4Gy5CtXzI9bQT59W+72ilJY3ZrASQ==","shasum":"014b30efdbd054bb2a01e2818854e7ec17990b63","tarball":"https://registry.npmjs.org/@derpyvision/doge-nft-components/-/doge-nft-components-1.2.12.tgz","fileCount":117,"unpackedSize":318113,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDehLmkj3S4e6JdXQTyN/CTDP1FI8y5XsPP0ypXfu9y7gIgY6oujSYGOP5ObDKe7kncs69PtDxVKlJlQnmm75lPalA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMtafACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqDiA//dxYUVa1/oRosMb74sm/FBl8X7QEG3bqNBS3lriPH5eR/amd8\r\ndJwxpU8U93lNyX/R4a8gDVTlAvW1LC1T6A9xOC25swcHKtF/P4F4MGZ77hjr\r\nIspiCiTXMDOaoGaJcnviH0QrsSt9mlFbmCbKEZjBhDuOiVVGNuTghPNhbmJG\r\ntfFEEC3w+A+UD8OhKNXRHqeGHHF8Qd0nXKQoyJc/rVaa24Y8KpV48awulU9O\r\nFYJmSTBDVLkWw3E68ccknuURkyxiR3G1GIKVMc+vCSVaRqR9xeyHksJZcZnP\r\nW6Dw+sn5hdvEIVq3UIYrTXxcvaPY3E4TIFRMuSL7IsPf6Eec2ybZEqpqdLTD\r\nlJPLdRf/cVvGSeA1ywUCu9i1rRxyuwTLsvJfV6l0o+oqJmb++rcNKGo2EQSG\r\n+qIRgZ4QLIo/FU0XozT4rGB4HYOH8y27zXI8v7zH+86jXYjCVD+u2phgjmul\r\nVLZMnEPMPEpPTVNMJAn887Rniox1IJgihT16//uVXf3e9qdal22EsJZRZ6R2\r\n757l3NGZuAweXJI96BWng7nWVbLYdeYCcsTk1BsNBaTHgoTVOxlCZgwpQCJV\r\n0j8Ka23vxsAE4OMJNRbIDoWif61r3IHeuh4PVm5srKga0qxCV1kivB1jJmyS\r\n0QbInDjH0onL1hqHmeYHHwqKoJPN7aI2VKE=\r\n=YPSQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"mrdain","email":"dain@db13.us"},"directories":{},"maintainers":[{"name":"mrdain","email":"dain@db13.us"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/doge-nft-components_1.2.12_1681053342963_0.23310139561682197"},"_hasShrinkwrap":false}},"time":{"created":"2023-04-09T14:15:37.301Z","1.2.0":"2023-04-09T14:15:37.572Z","modified":"2023-04-09T15:15:43.268Z","1.2.1":"2023-04-09T14:39:06.921Z","1.2.11":"2023-04-09T14:47:09.317Z","1.2.12":"2023-04-09T15:15:43.151Z"},"maintainers":[{"name":"mrdain","email":"dain@db13.us"}],"description":"NFT Media Rendering Components","homepage":"https://github.com/dblodorn/doge-nft-components#readme","repository":{"type":"git","url":"git+https://github.com/dblodorn/doge-nft-components.git"},"author":{"name":"Zora"},"bugs":{"url":"https://github.com/dblodorn/doge-nft-components/issues"},"license":"GPL-3.0","readme":"# 💅 @zoralabs/nft-components\n\nZora's NFT components allow you to easily create your own gallery or auction house with zNFT infrastructure.\n\nThis library provides the front-end display components on top of the [`@zoralabs/nft-hooks`](https://github.com/ourzora/nft-hooks) data-fetching library;\n\nThis library works alongside the Zora [auction house](https://zora.mirror.xyz/9mQ9AeJK84USTnQ9eBY4Sc7s1bi0N8RoZd3Oy4q82FM) ([code](https://github.com/ourzora/auction-house)) allows for DAOs and individuals to run their own decentralized auction house. Arbitrary NFTs across a wide variety of contract implementations are supported.\n\n✨ [view docs on storybook](https://ourzora.github.io/nft-components) →\n\n## NFT Components\n\nThese components allow for drop-in rendering of NFTs. They work on the frontend and do not need any server-side components. These components are aware of both ongoing auctions and the perpetual markets for zNFTs, integrating latest bid information and other relevant marketplace information. They also handle most all of the same media types that the Zora marketplace natively handles (audio, video, image, HTML, and text). The components can be modified as needed and should be used as a prototype look and feel. Under the hood, they use the @zoralabs/nft-hooks library to retrieve data, if more customization is needed for the look and feel of the components the underlying data can be retrieved directly.\n\n### Main components:\n\n- [NFTPreview](https://ourzora.github.io/nft-components?path=/docs/renderer-nftpreview--image)\n  - Used to render a zNFT preview thumbnail\n- [NFTFullPage](https://ourzora.github.io/nft-components?path=/docs/renderer-nftfull--image)\n  - Used to render a zNFT full page component\n- [NFTDataProvider](https://ourzora.github.io/nft-components?path=/story/renderer-nftdataprovider--page)\n  - Used to compose a custom set of zNFT components\n- [MediaConfiguration](https://ourzora.github.io/nft-components?path=/story/renderer-mediaconfiguration--page)\n  - Configure the text, theme, and network settings for the zNFT.\n- [AuctionHouseList](https://ourzora.github.io/nft-components?path=/docs/renderer-auctionhouselist--images)\n  - Load a list of auctions for a given curator\n\n### Key Features:\n\n- [Server-side rendering](https://ourzora.github.io/nft-components?path=/story/about-serverrendering--page)\n- [Customizable theming / styling](https://ourzora.github.io/nft-components?path=/story/theming-previewcomponent--preview-card)\n- [Customizable information ordering / display](https://ourzora.github.io/nft-components?path=/story/renderer-about--page)\n- [Updatable media rendering](https://ourzora.github.io/nft-components?path=/story/about-customcomponentdocs--page)\n\n### Quickstart\n\n1. Install package:\n```bash\nyarn add @zoralabs/nft-components\n```\n\n2. Render a NFT Thumbnail:\n\n```tsx\nimport { NFTPreview } from \"@zoralabs/nft-components\";\n\nexport const Page = () => <NFTPreview id=\"3002\" />;\n```\n\n3. Render a NFT Full page:\n\n```tsx\nimport { NFTFullPage } from \"@zoralabs/nft-components\";\n\nexport const Page = () => <NFTFullPage id=\"3002\" />;\n```\n\n4. Render a list of auctions for a curator:\n\n```tsx\nimport { NFTFullPage } from \"@zoralabs/nft-components\";\n\nexport const Page = ({curatorId}: {curatorId: string}) => (\n    <AuctionHouseList\n      onClick={(_, auction) => alert(`Clicked token ${auction.tokenId}`)}\n      curatorIds={[curatorId]}\n    />\n);\n```\n\n\n4. Render a proposed auction:\n\n```tsx\nimport { NFTProposal } from \"@zoralabs/nft-components\";\n\nexport const Page = () => <NFTProposal id=\"3002\" />;\n```\n","readmeFilename":"README.md"}