{"_id":"@emailux/body-contents","_rev":"3-19ef1beca69b731e4c50c2b6135188fb","name":"@emailux/body-contents","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.1":{"name":"@emailux/body-contents","version":"1.0.1","keywords":["react","email","email-notification","react-email-component","react-email","send-email","email-component","emailux-mailer","emailux-email-comps","emailux"],"license":"MIT","_id":"@emailux/body-contents@1.0.1","maintainers":[{"name":"iclasser","email":"hamed@iclasser.com"}],"homepage":"https://github.com/iClasser/emailux#readme","bugs":{"url":"https://github.com/iClasser/emailux/issues"},"dist":{"shasum":"71be6a5f75231c9752089d76440a00b56875532e","tarball":"https://registry.npmjs.org/@emailux/body-contents/-/body-contents-1.0.1.tgz","fileCount":10,"integrity":"sha512-WBgOYe25CBTcfnLYRCIIY6ee9A+n8Yt9s2eslfajJVywMR3ccyV3FPOmHYmM6HguwjDXNXXGkSpjdZwh0iiZtg==","signatures":[{"sig":"MEYCIQDRLfSDBSpp93ZcA8/muwOASBSge+M5rhx9+S0LowxGYgIhAOd+fPZ+J9LTpfqVIu3BokOTHhrrDuz4SGeoo88pX2kK","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22199},"main":"./dist/index.js","_from":"file:emailux-body-contents-1.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":">=18.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"scripts":{"test":"vitest run","build":"tsdown src/index.ts --format esm,cjs --dts --external react","clean":"rm -rf dist && rm -rf node_modules && rm -rf .turbo","test:watch":"vitest","build:watch":"tsdown src/index.ts --format esm,cjs --dts --external react --watch"},"_npmUser":{"name":"iclasser","email":"hamed@iclasser.com"},"_resolved":"/private/var/folders/cm/g9788fg969s5_hc1f_3vds0r0000gn/T/e843523b0341303edca5e64c403ca75d/emailux-body-contents-1.0.1.tgz","_integrity":"sha512-WBgOYe25CBTcfnLYRCIIY6ee9A+n8Yt9s2eslfajJVywMR3ccyV3FPOmHYmM6HguwjDXNXXGkSpjdZwh0iiZtg==","repository":{"url":"git+https://github.com/iClasser/emailux.git","type":"git","directory":"packages/body-contents"},"_npmVersion":"10.9.2","description":"A React email body content component to wrap emails (EmailUX Mailer)","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"@emailux/html":"1.0.1"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsconfig":"^0.1.0","typescript":"5.8.3"},"peerDependencies":{"react":"^18.0 || ^19.0 || ^19.0.0-rc"},"_npmOperationalInternal":{"tmp":"tmp/body-contents_1.0.1_1777359516998_0.4424265698695147","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@emailux/body-contents","version":"1.1.0","keywords":["react","email","email-notification","react-email-component","react-email","send-email","email-component","emailux-mailer","emailux-email-comps","emailux"],"license":"MIT","_id":"@emailux/body-contents@1.1.0","maintainers":[{"name":"iclasser","email":"hamed@iclasser.com"}],"homepage":"https://github.com/iClasser/emailux#readme","bugs":{"url":"https://github.com/iClasser/emailux/issues"},"dist":{"shasum":"cec49b1089e7ef3fcad306abf822173c616d0bf3","tarball":"https://registry.npmjs.org/@emailux/body-contents/-/body-contents-1.1.0.tgz","fileCount":10,"integrity":"sha512-0OYs5+hGNgq6FwOhD+FGNX1O9bVmLMcIUgS1Ov259+MV6d/YhHCwMUorOghBIjqZNph1kru0Q2sf8ORMZXcCQw==","signatures":[{"sig":"MEQCIEMYouUr4F9GuDdLCa7zaVW2aKh/cLVI0RSNmOcglnv1AiAnK3cIU4vKxyO4vrMP+A7x/r5q/Xxkmmk7AqR3T9OC+Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":22211},"main":"./dist/index.js","_from":"file:emailux-body-contents-1.1.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":">=18.0.0"},"exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"scripts":{"test":"vitest run","build":"tsdown src/index.ts --format esm,cjs --dts --external react","clean":"rm -rf dist && rm -rf node_modules && rm -rf .turbo","test:watch":"vitest","build:watch":"tsdown src/index.ts --format esm,cjs --dts --external react --watch"},"_npmUser":{"name":"iclasser","email":"hamed@iclasser.com"},"_resolved":"/private/var/folders/cm/g9788fg969s5_hc1f_3vds0r0000gn/T/609942484eda03e094df12d90c33087c/emailux-body-contents-1.1.0.tgz","_integrity":"sha512-0OYs5+hGNgq6FwOhD+FGNX1O9bVmLMcIUgS1Ov259+MV6d/YhHCwMUorOghBIjqZNph1kru0Q2sf8ORMZXcCQw==","repository":{"url":"git+https://github.com/iClasser/emailux.git","type":"git","directory":"packages/body-contents"},"_npmVersion":"10.9.2","description":"A React email body content component to wrap emails (EmailUX Mailer)","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"@emailux/html":"1.1.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsconfig":"^0.1.0","typescript":"5.8.3"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/body-contents_1.1.0_1782424851472_0.1057525789927336","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@emailux/body-contents","version":"1.2.0","description":"A React email body content component to wrap emails (EmailUX Mailer)","sideEffects":false,"main":"./dist/index.cjs","module":"./dist/index.mjs","types":"./dist/index.d.cts","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.cts","default":"./dist/index.cjs"}}},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/iClasser/emailux.git","directory":"packages/body-contents"},"keywords":["react","email","email-notification","react-email-component","react-email","send-email","email-component","emailux-mailer","emailux-email-comps","emailux"],"engines":{"node":">=18.0.0"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"},"devDependencies":{"tsconfig":"^0.1.0","typescript":"5.8.3"},"dependencies":{"@emailux/html":"1.2.0"},"publishConfig":{"access":"public"},"scripts":{"build":"tsdown src/index.ts --format esm,cjs --dts --external react","build:watch":"tsdown src/index.ts --format esm,cjs --dts --external react --watch","clean":"rm -rf dist && rm -rf node_modules && rm -rf .turbo","test":"vitest run","test:watch":"vitest"},"_id":"@emailux/body-contents@1.2.0","bugs":{"url":"https://github.com/iClasser/emailux/issues"},"homepage":"https://github.com/iClasser/emailux#readme","_integrity":"sha512-cHy95yGjMHUafLtZC/ebZqXlgK9RzEykGdvoqELAj+eIxvKJEdJrXMKpWuXi1yDbvqzH2bAm4BNMxCWxkgY3TQ==","_resolved":"/private/var/folders/cm/g9788fg969s5_hc1f_3vds0r0000gn/T/86f5622c0c1c0f3a658e3607efe61da2/emailux-body-contents-1.2.0.tgz","_from":"file:emailux-body-contents-1.2.0.tgz","_nodeVersion":"22.16.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-cHy95yGjMHUafLtZC/ebZqXlgK9RzEykGdvoqELAj+eIxvKJEdJrXMKpWuXi1yDbvqzH2bAm4BNMxCWxkgY3TQ==","shasum":"8595c0fcb84eaac336c84fcfa4c839d45eb7420e","tarball":"https://registry.npmjs.org/@emailux/body-contents/-/body-contents-1.2.0.tgz","fileCount":10,"unpackedSize":22215,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDjmr2poW1+oYXTc53cOF7VRoF20/YrZSuCH51q5Vl3LQIgIGKg1TAQlupvTGWtKhyHlmfyJDNuNd3vLM4EufcKJkM="}]},"_npmUser":{"name":"iclasser","email":"hamed@iclasser.com"},"directories":{},"maintainers":[{"name":"iclasser","email":"hamed@iclasser.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/body-contents_1.2.0_1782429928291_0.26825565058942735"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-28T06:58:36.896Z","modified":"2026-06-25T23:25:28.575Z","1.0.1":"2026-04-28T06:58:37.145Z","1.1.0":"2026-06-25T22:00:51.621Z","1.2.0":"2026-06-25T23:25:28.438Z"},"bugs":{"url":"https://github.com/iClasser/emailux/issues"},"license":"MIT","homepage":"https://github.com/iClasser/emailux#readme","keywords":["react","email","email-notification","react-email-component","react-email","send-email","email-component","emailux-mailer","emailux-email-comps","emailux"],"repository":{"type":"git","url":"git+https://github.com/iClasser/emailux.git","directory":"packages/body-contents"},"description":"A React email body content component to wrap emails (EmailUX Mailer)","maintainers":[{"name":"iclasser","email":"hamed@iclasser.com"}],"readme":"# @emailux/body-contents\n\nWrapper for your email layout.\n<br />\n<br />\n<img width=\"512\" height=\"85\" alt=\"email_ux_black (1)\" src=\"https://github.com/user-attachments/assets/150c5f76-4a7b-4dbe-83cb-86d91e7d177e\" />\n<br />\n\n<div style='text-align:center'>\n  <a href='https://github.com/iClasser/emailux'>GitHub<a>\n  </hr>\n</div>\n\n\n<div style='text-align:center'>\n  <a href='https://www.npmjs.com/package/@emailux/components'>NPM package<a>\n  </hr>\n</div>\n\n\n<div style='text-align:center'>\n  <a href='https://emailux.com'>Website<a>\n  </hr>\n</div>\n\n<div style='text-align:center'>\n  <a href='https://docs.emailux.com'>Docs<a>\n  </hr>\n</div>\n\n\n\n<div style='text-align:center'>\n  <a href='https://demo.emailux.com'>Demos<a>\n  </hr>\n</div>\n\n## Installation\n\n```bash\n# pnpm\npnpm add @emailux/body-contents\n\n# npm\nnpm install @emailux/body-contents\n\n# yarn\nyarn add @emailux/body-contents\n```\n\n## Quick start\n\n```tsx\nimport { BodyContent } from \"@emailux/body-contents\";\n\nexport default function EmailTemplate() {\n  return <>\n      <BodyContent>\n          <title>Header</title>\n      </BodyContent>\n\n      <BodyContent>\n          <title>Body</title>\n      </BodyContent>\n\n      <BodyContent>\n          <title>Footer</title>\n      </BodyContent>\n  </>\n}\n```\n\n## Props\n\n| Name     | Type            | Required | Default | Description |\n| -------- | --------------- | -------- | ------- | ----------- |\n| children | React.ReactNode | Yes      | —       | Content of the email document |\n| dir    | \"ltr\" \\| \"rtl\"       | No       | Comes from wrapping `Html` component's `dir` context prop which is `ltr`   | Text direction                |\n| background | string | Yes | — | — |\n| backgroundColor | string | Yes | — | — |\n| style | React.CSSProperties | No | - | - |\n| width | number or \"100%\" | No | — | width of container |\n| padding | string | No | `12px 20px` | inner padding |\n| outerBgColor | string | No | — | When whidth is not `100%` and a number, you can set this value as Hex color value to set the left and right side of the section background color, not the inside |\n| borderRadius | string | No |  |  |\n| className | string | no | — | — |\n| backgroundPosition | string | no | \"bottom\" |  when there is background image url this is css property for position |\n| backgroundRepeat | string | no | \"no-repeat, no-repeat\" | when there is background image url this is css property for repeat |\n| bgImageTakesAllWrappers | string | no | false | when there is background image url takes all if width is not 100%, but with 100% it already takes all  |\n| borderWidth | number | No | — | border width |\n| borderColor | string | No | — | Border will work if border width is greater than 0 |\n\n\n## License\n\nMIT © iClasser\n","readmeFilename":"README.md"}