[{"data":1,"prerenderedAt":18},["ShallowReactive",2],{"components-container":3,"$f148199gmhdfq7":17},{"category":4,"components":11},{"name":5,"description":6,"components":7},"Container","Container components for wrapping content with different layout options.",[8],{"slug":9,"title":10},"simple-container","Simple container",[12],{"slug":9,"title":10,"code":13},{"html":14,"inline-styles":15,"tailwind":16},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n  \u003Chead>\n    \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n    \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 400;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 600;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n    \u003Cstyle>\n      @font-face {\n        font-family: 'Inter';\n        font-style: normal;\n        font-weight: 700;\n        mso-font-alt: 'Helvetica';\n        src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n      }\n\n      * {\n        font-family: 'Inter', Helvetica;\n      }\n    \u003C\u002Fstyle>\n  \u003C\u002Fhead>\n  \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n    \u003Ctable\n      border=\"0\"\n      width=\"100%\"\n      cellpadding=\"0\"\n      cellspacing=\"0\"\n      role=\"presentation\"\n      align=\"center\">\n      \u003Ctbody>\n        \u003Ctr>\n          \u003Ctd\n            dir=\"ltr\"\n            lang=\"en\"\n            style=\"margin:0;margin-left:12px;margin-right:12px\">\n            \u003Ctable\n              align=\"center\"\n              width=\"100%\"\n              border=\"0\"\n              cellpadding=\"0\"\n              cellspacing=\"0\"\n              role=\"presentation\"\n              style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n              \u003Ctbody>\n                \u003Ctr style=\"width:100%\">\n                  \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n                    \u003Ctable\n                      align=\"center\"\n                      width=\"100%\"\n                      border=\"0\"\n                      cellpadding=\"0\"\n                      cellspacing=\"0\"\n                      role=\"presentation\"\n                      style=\"max-width:37.5em;background-color:rgb(156,163,175)\">\n                      \u003Ctbody>\n                        \u003Ctr style=\"width:100%\">\n                          \u003Ctd>\n                            \u003Cp\n                              style=\"font-size:14px;line-height:24px;color:rgb(255,255,255);padding-left:12px;padding-right:12px;margin-top:16px;margin-bottom:16px\">\n                              Hello, I am a container. I keep content centered\n                              and maintain it to a maximum width while still\n                              taking up as much space as possible!\n                            \u003C\u002Fp>\n                          \u003C\u002Ftd>\n                        \u003C\u002Ftr>\n                      \u003C\u002Ftbody>\n                    \u003C\u002Ftable>\n                  \u003C\u002Ftd>\n                \u003C\u002Ftr>\n              \u003C\u002Ftbody>\n            \u003C\u002Ftable>\n          \u003C\u002Ftd>\n        \u003C\u002Ftr>\n      \u003C\u002Ftbody>\n    \u003C\u002Ftable>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport { Container, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CContainer :style=\"{ backgroundColor: 'rgb(156,163,175)' }\">\n    \u003CText\n      :style=\"{\n        color: 'rgb(255,255,255)',\n        paddingLeft: '12px',\n        paddingRight: '12px',\n      }\"\n    >\n      Hello, I am a container. I keep content centered and maintain it to a\n      maximum width while still taking up as much space as possible!\n    \u003C\u002FText>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport { Container, Text } from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CContainer class=\"bg-gray-400\">\n    \u003CText class=\"px-[12px] text-white\">\n      Hello, I am a container. I keep content centered and maintain it to a\n      maximum width while still taking up as much space as possible!\n    \u003C\u002FText>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n","1",1790606429721]