[{"data":1,"prerenderedAt":1542},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fcomponents\u002Fcontainer":316},[4,9,15,19,24,28,33,37,41,45,49,53,57,60,63,67,70,74,77,81,85,89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,156,159,162,165,168,171,175,178,181,184,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,244,247,250,253,257,261,264,267,270,273,276,279,282,285,287,290,293,296,299,302,305,308,311,313],{"path":5,"title":6,"section":7,"order":7,"sidebar":8},"\u002Fbrand","Brand",null,false,{"path":10,"title":11,"section":12,"order":13,"sidebar":14},"\u002Fdocs\u002Fapi\u002Fcomposables","Composables","API",2,true,{"path":16,"title":17,"section":12,"order":18,"sidebar":14},"\u002Fdocs\u002Fapi\u002Futilities","Utilities",1,{"path":20,"title":21,"section":22,"order":23,"sidebar":14},"\u002Fdocs\u002Fcli","CLI","Getting Started",9,{"path":25,"title":26,"section":22,"order":27,"sidebar":14},"\u002Fdocs\u002Fcompatibility","Compatibility",4,{"path":29,"title":30,"section":31,"order":32,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbody","Body","Components",3,{"path":34,"title":35,"section":31,"order":36,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fbutton","Button",13,{"path":38,"title":39,"section":31,"order":40,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeblock","CodeBlock",18,{"path":42,"title":43,"section":31,"order":44,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcodeinline","CodeInline",19,{"path":46,"title":47,"section":31,"order":48,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcolumn","Column",8,{"path":50,"title":51,"section":31,"order":52,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fcontainer","Container",5,{"path":54,"title":55,"section":31,"order":56,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ffont","Font",11,{"path":58,"title":59,"section":31,"order":13,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhead","Head",{"path":61,"title":62,"section":31,"order":23,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fheading","Heading",{"path":64,"title":65,"section":31,"order":66,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhr","Hr",16,{"path":68,"title":69,"section":31,"order":18,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fhtml","Html",{"path":71,"title":72,"section":31,"order":73,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fimg","Img",14,{"path":75,"title":76,"section":31,"order":27,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flayout","Layout",{"path":78,"title":79,"section":31,"order":80,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Flink","Link",12,{"path":82,"title":83,"section":31,"order":84,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fmarkdown","Markdown",20,{"path":86,"title":87,"section":31,"order":88,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnotoutlook","NotOutlook",22,{"path":90,"title":91,"section":31,"order":92,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fnowidows","NoWidows",26,{"path":94,"title":95,"section":31,"order":96,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlook","Outlook",21,{"path":98,"title":99,"section":31,"order":100,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foutlookbg","OutlookBg",23,{"path":102,"title":103,"section":31,"order":104,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Foverview","Overview",0,{"path":106,"title":107,"section":31,"order":108,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fplaintext","Plaintext",31,{"path":110,"title":111,"section":31,"order":112,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fpreheader","Preheader",17,{"path":114,"title":115,"section":31,"order":116,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fqrcode","QrCode",30,{"path":118,"title":119,"section":31,"order":120,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fraw","Raw",28,{"path":122,"title":123,"section":31,"order":124,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Frow","Row",7,{"path":126,"title":127,"section":31,"order":128,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fsection","Section",6,{"path":130,"title":131,"section":31,"order":132,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fspacer","Spacer",15,{"path":134,"title":135,"section":31,"order":136,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftailwind","Tailwind",29,{"path":138,"title":139,"section":31,"order":140,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Ftext","Text",10,{"path":142,"title":143,"section":31,"order":144,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fvml","Vml",24,{"path":146,"title":147,"section":31,"order":148,"sidebar":14},"\u002Fdocs\u002Fcomponents\u002Fwithurl","WithUrl",27,{"path":150,"title":151,"section":152,"order":128,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Faws-ses","AWS SES","Deploy",{"path":154,"title":155,"section":152,"order":124,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fcloudflare","Cloudflare",{"path":157,"title":158,"section":152,"order":32,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fmailgun","Mailgun",{"path":160,"title":161,"section":152,"order":18,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fnodemailer","Nodemailer",{"path":163,"title":164,"section":152,"order":27,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fpostmark","Postmark",{"path":166,"title":167,"section":152,"order":52,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fresend","Resend",{"path":169,"title":170,"section":152,"order":13,"sidebar":14},"\u002Fdocs\u002Fdeploy\u002Fsendgrid","SendGrid",{"path":172,"title":173,"section":174,"order":32,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fconfiguration","Configuration","Development",{"path":176,"title":177,"section":174,"order":52,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fevents","Events",{"path":179,"title":180,"section":174,"order":128,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fi18n","i18n",{"path":182,"title":183,"section":174,"order":13,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Flocal","Dev Server",{"path":185,"title":107,"section":174,"order":27,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Fplaintext",{"path":187,"title":188,"section":174,"order":18,"sidebar":14},"\u002Fdocs\u002Fdevelopment\u002Ftemplates","Templates",{"path":190,"title":191,"section":22,"order":32,"sidebar":14},"\u002Fdocs\u002Feditor-setup","Editor Setup",{"path":193,"title":194,"section":22,"order":48,"sidebar":14},"\u002Fdocs\u002Fglossary","Glossary",{"path":196,"title":197,"section":22,"order":128,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fframeworks","Framework Guides",{"path":199,"title":200,"section":197,"order":52,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fadonisjs","AdonisJS",{"path":202,"title":203,"section":197,"order":32,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fastro","Astro",{"path":205,"title":206,"section":197,"order":18,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Flaravel","Laravel",{"path":208,"title":209,"section":197,"order":48,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnextjs","Next.js",{"path":211,"title":212,"section":197,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fnuxt","Nuxt",{"path":214,"title":215,"section":197,"order":124,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fqwik","Qwik",{"path":217,"title":218,"section":197,"order":128,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsolid","Solid",{"path":220,"title":221,"section":197,"order":27,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Fsveltekit","SvelteKit",{"path":223,"title":224,"section":197,"order":23,"sidebar":14},"\u002Fdocs\u002Finstallation\u002Fframeworks\u002Ftanstack","TanStack Start",{"path":226,"title":227,"section":22,"order":13,"sidebar":14},"\u002Fdocs\u002Finstallation","Installation",{"path":229,"title":230,"section":22,"order":32,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmanual","Manual Installation",{"path":232,"title":233,"section":22,"order":27,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fmonorepo","Monorepo Installation",{"path":235,"title":236,"section":22,"order":52,"sidebar":8},"\u002Fdocs\u002Finstallation\u002Fvite","Vite Plugin",{"path":238,"title":239,"section":22,"order":18,"sidebar":14},"\u002Fdocs\u002Fintroduction","What is Maizzle?",{"path":241,"title":242,"section":243,"order":13,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Fmjml","MJML","Migrate to Maizzle",{"path":245,"title":246,"section":243,"order":18,"sidebar":14},"\u002Fdocs\u002Fmigrate\u002Freact-email","React Email",{"path":248,"title":249,"section":22,"order":124,"sidebar":14},"\u002Fdocs\u002Fresources","Resources",{"path":251,"title":252,"section":22,"order":128,"sidebar":14},"\u002Fdocs\u002Fskill","Agent Skill",{"path":254,"title":255,"section":256,"order":18,"sidebar":14},"\u002Fdocs\u002Ftailwindcss","Tailwind CSS","Core Concepts",{"path":258,"title":259,"section":260,"order":13,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fadd-attributes","Add Attributes","Transformers",{"path":262,"title":263,"section":260,"order":48,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fattribute-to-style","Attribute to Style",{"path":265,"title":266,"section":260,"order":36,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fbase-url","Base URL",{"path":268,"title":269,"section":260,"order":66,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fentities","Entities",{"path":271,"title":272,"section":260,"order":80,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Ffilters","Filters",{"path":274,"title":275,"section":260,"order":112,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fformat","Format",{"path":277,"title":278,"section":260,"order":32,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-css","Inline CSS",{"path":280,"title":281,"section":260,"order":56,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Finline-link","Inline Link",{"path":283,"title":284,"section":260,"order":40,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fminify","Minify",{"path":286,"title":103,"section":260,"order":18,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Foverview",{"path":288,"title":289,"section":260,"order":27,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fpurge-css","Purge CSS",{"path":291,"title":292,"section":260,"order":140,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fremove-attributes","Remove Attributes",{"path":294,"title":295,"section":260,"order":132,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Freplace-strings","Replace Strings",{"path":297,"title":298,"section":260,"order":52,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsafe-selectors","Safe Selectors",{"path":300,"title":301,"section":260,"order":128,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fshorthand-css","Shorthand CSS",{"path":303,"title":304,"section":260,"order":124,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Fsix-hex","Six-digit HEX",{"path":306,"title":307,"section":260,"order":73,"sidebar":14},"\u002Fdocs\u002Ftransformers\u002Furl-parameters","URL Parameters",{"path":309,"title":310,"section":22,"order":52,"sidebar":14},"\u002Fdocs\u002Fupgrade-guide","Upgrade Guide",{"path":312,"title":236,"section":256,"order":13,"sidebar":14},"\u002Fdocs\u002Fvite-plugin",{"path":314,"title":315,"section":7,"order":7,"sidebar":8},"\u002Fprivacy","Privacy Policy",{"id":317,"title":51,"body":318,"description":1536,"extension":1537,"meta":1538,"navigation":14,"order":52,"path":50,"section":31,"seo":1539,"sidebar":14,"stem":1540,"toc":14,"__hash__":1541},"docs\u002Fdocs\u002Fcomponents\u002Fcontainer.md",{"type":319,"value":320,"toc":1527},"minimark",[321,325,329,334,657,660,814,818,822,835,849,915,934,938,948,955,1021,1025,1035,1050,1307,1311,1321,1423,1426,1523],[322,323,51],"h1",{"id":324},"container",[326,327,328],"p",{},"A centered wrapper that constrains your email content to a max width in modern clients, with a table fallback for classic Outlook support.",[330,331,333],"h2",{"id":332},"usage","Usage",[335,336,337,431],"code-tabs",{},[338,339,341],"code-tab",{"label":340},"emails\u002Fexample.vue",[342,343,348],"pre",{"className":344,"code":345,"filename":340,"language":346,"meta":347,"style":347},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CText>Centered, max 600px wide.\u003C\u002FText>\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","vue","",[349,350,351,366,375,384,405,414,423],"code",{"__ignoreMap":347},[352,353,355,359,363],"span",{"class":354,"line":18},"line",[352,356,358],{"class":357},"sGGKt","\u003C",[352,360,362],{"class":361},"sb4Pa","template",[352,364,365],{"class":357},">\n",[352,367,368,371,373],{"class":354,"line":13},[352,369,370],{"class":357},"  \u003C",[352,372,76],{"class":361},[352,374,365],{"class":357},[352,376,377,380,382],{"class":354,"line":32},[352,378,379],{"class":357},"    \u003C",[352,381,51],{"class":361},[352,383,365],{"class":357},[352,385,386,389,391,394,398,401,403],{"class":354,"line":27},[352,387,388],{"class":357},"      \u003C",[352,390,139],{"class":361},[352,392,393],{"class":357},">",[352,395,397],{"class":396},"sLaUg","Centered, max 600px wide.",[352,399,400],{"class":357},"\u003C\u002F",[352,402,139],{"class":361},[352,404,365],{"class":357},[352,406,407,410,412],{"class":354,"line":52},[352,408,409],{"class":357},"    \u003C\u002F",[352,411,51],{"class":361},[352,413,365],{"class":357},[352,415,416,419,421],{"class":354,"line":128},[352,417,418],{"class":357},"  \u003C\u002F",[352,420,76],{"class":361},[352,422,365],{"class":357},[352,424,425,427,429],{"class":354,"line":124},[352,426,400],{"class":357},[352,428,362],{"class":361},[352,430,365],{"class":357},[338,432,434],{"label":433},"dist\u002Fexample.html",[342,435,440],{"className":436,"code":437,"highlights":438,"language":439,"meta":347,"style":347},"language-html shiki shiki-themes laserwave","\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\" dir=\"ltr\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n  \u003Chead>\n    \u003C!-- ... -->\n  \u003C\u002Fhead>\n  \u003Cbody xml:lang=\"en\" style=\"margin: 0; width: 100%; height: 100%; padding: 0; word-break: break-word;\">\n    \u003C!-- ... -->\n      \u003C!--[if mso]>\u003Ctable role=\"none\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: 600px\" align=\"center\">\u003Ctr>\u003Ctd>\u003C![endif]-->\n      \u003Cdiv style=\"margin: 0 auto; max-width: 600px;\">\u003Cp style=\"margin: 16px 0; font-size: 16px; line-height: 24px;\">Centered, max 600px wide.\u003C\u002Fp>\u003C\u002Fdiv>\n      \u003C!--[if mso]>\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003C![endif]-->\n    \u003C!-- ... -->\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[48,23,140],"html",[349,441,442,456,515,524,530,538,570,574,581,631,637,641,649],{"__ignoreMap":347},[352,443,444,447,450,454],{"class":354,"line":18},[352,445,446],{"class":357},"\u003C!",[352,448,449],{"class":361},"DOCTYPE",[352,451,453],{"class":452},"sZNF3"," html",[352,455,365],{"class":357},[352,457,458,460,462,465,468,471,475,477,480,482,484,487,489,492,494,496,499,501,504,506,508,511,513],{"class":354,"line":13},[352,459,358],{"class":357},[352,461,439],{"class":361},[352,463,464],{"class":452}," lang",[352,466,467],{"class":357},"=",[352,469,470],{"class":357},"\"",[352,472,474],{"class":473},"sXiT_","en",[352,476,470],{"class":357},[352,478,479],{"class":452}," dir",[352,481,467],{"class":357},[352,483,470],{"class":357},[352,485,486],{"class":473},"ltr",[352,488,470],{"class":357},[352,490,491],{"class":452}," xmlns:v",[352,493,467],{"class":357},[352,495,470],{"class":357},[352,497,498],{"class":473},"urn:schemas-microsoft-com:vml",[352,500,470],{"class":357},[352,502,503],{"class":452}," xmlns:o",[352,505,467],{"class":357},[352,507,470],{"class":357},[352,509,510],{"class":473},"urn:schemas-microsoft-com:office:office",[352,512,470],{"class":357},[352,514,365],{"class":357},[352,516,517,519,522],{"class":354,"line":32},[352,518,370],{"class":357},[352,520,521],{"class":361},"head",[352,523,365],{"class":357},[352,525,526],{"class":354,"line":27},[352,527,529],{"class":528},"sVsQ9","    \u003C!-- ... -->\n",[352,531,532,534,536],{"class":354,"line":52},[352,533,418],{"class":357},[352,535,521],{"class":361},[352,537,365],{"class":357},[352,539,540,542,545,548,550,552,554,556,559,561,563,566,568],{"class":354,"line":128},[352,541,370],{"class":357},[352,543,544],{"class":361},"body",[352,546,547],{"class":452}," xml:lang",[352,549,467],{"class":357},[352,551,470],{"class":357},[352,553,474],{"class":473},[352,555,470],{"class":357},[352,557,558],{"class":452}," style",[352,560,467],{"class":357},[352,562,470],{"class":357},[352,564,565],{"class":473},"margin: 0; width: 100%; height: 100%; padding: 0; word-break: break-word;",[352,567,470],{"class":357},[352,569,365],{"class":357},[352,571,572],{"class":354,"line":124},[352,573,529],{"class":528},[352,575,578],{"class":576,"line":48},[354,577],"highlight",[352,579,580],{"class":528},"      \u003C!--[if mso]>\u003Ctable role=\"none\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: 600px\" align=\"center\">\u003Ctr>\u003Ctd>\u003C![endif]-->\n",[352,582,584,586,589,591,593,595,598,600,603,605,607,609,611,614,616,618,620,622,624,627,629],{"class":583,"line":23},[354,577],[352,585,388],{"class":357},[352,587,588],{"class":361},"div",[352,590,558],{"class":452},[352,592,467],{"class":357},[352,594,470],{"class":357},[352,596,597],{"class":473},"margin: 0 auto; max-width: 600px;",[352,599,470],{"class":357},[352,601,602],{"class":357},">\u003C",[352,604,326],{"class":361},[352,606,558],{"class":452},[352,608,467],{"class":357},[352,610,470],{"class":357},[352,612,613],{"class":473},"margin: 16px 0; font-size: 16px; line-height: 24px;",[352,615,470],{"class":357},[352,617,393],{"class":357},[352,619,397],{"class":396},[352,621,400],{"class":357},[352,623,326],{"class":361},[352,625,626],{"class":357},">\u003C\u002F",[352,628,588],{"class":361},[352,630,365],{"class":357},[352,632,634],{"class":633,"line":140},[354,577],[352,635,636],{"class":528},"      \u003C!--[if mso]>\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003C![endif]-->\n",[352,638,639],{"class":354,"line":56},[352,640,529],{"class":528},[352,642,643,645,647],{"class":354,"line":80},[352,644,418],{"class":357},[352,646,544],{"class":361},[352,648,365],{"class":357},[352,650,651,653,655],{"class":354,"line":36},[352,652,400],{"class":357},[352,654,439],{"class":361},[352,656,365],{"class":357},[326,658,659],{},"By default, it's 600px and centered. Override with any Tailwind width utility:",[335,661,662,730],{},[338,663,664],{"label":340},[342,665,667],{"className":344,"code":666,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CContainer class=\"max-w-2xl\">\n    \u003CText>Wider container\u003C\u002FText>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[349,668,669,677,697,714,722],{"__ignoreMap":347},[352,670,671,673,675],{"class":354,"line":18},[352,672,358],{"class":357},[352,674,362],{"class":361},[352,676,365],{"class":357},[352,678,679,681,683,686,688,690,693,695],{"class":354,"line":13},[352,680,370],{"class":357},[352,682,51],{"class":361},[352,684,685],{"class":452}," class",[352,687,467],{"class":357},[352,689,470],{"class":357},[352,691,692],{"class":473},"max-w-2xl",[352,694,470],{"class":357},[352,696,365],{"class":357},[352,698,699,701,703,705,708,710,712],{"class":354,"line":32},[352,700,379],{"class":357},[352,702,139],{"class":361},[352,704,393],{"class":357},[352,706,707],{"class":396},"Wider container",[352,709,400],{"class":357},[352,711,139],{"class":361},[352,713,365],{"class":357},[352,715,716,718,720],{"class":354,"line":27},[352,717,418],{"class":357},[352,719,51],{"class":361},[352,721,365],{"class":357},[352,723,724,726,728],{"class":354,"line":52},[352,725,400],{"class":357},[352,727,362],{"class":361},[352,729,365],{"class":357},[338,731,732],{"label":433},[342,733,736],{"className":436,"code":734,"highlights":735,"language":439,"meta":347,"style":347},"\u002F\u002F [!code word:672px]\n\u003C!--[if mso]>\u003Ctable role=\"none\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: 672px\" align=\"center\">\u003Ctr>\u003Ctd>\u003C![endif]-->\n\u003Cdiv style=\"margin: 0 auto; max-width: 672px;\">\n  \u003Cp style=\"margin: 16px 0; font-size: 16px; line-height: 24px;\">Wider container\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C!--[if mso]>\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003C![endif]-->\n",[48,23,140],[349,737,738,750,775,801,809],{"__ignoreMap":347},[352,739,740,743,747],{"class":354,"line":13},[352,741,742],{"class":528},"\u003C!--[if mso]>\u003Ctable role=\"none\" cellpadding=\"0\" cellspacing=\"0\" style=\"width: ",[352,744,746],{"class":745},"highlighted-word sVsQ9","672px",[352,748,749],{"class":528},"\" align=\"center\">\u003Ctr>\u003Ctd>\u003C![endif]-->\n",[352,751,752,754,756,758,760,762,765,768,771,773],{"class":354,"line":32},[352,753,358],{"class":357},[352,755,588],{"class":361},[352,757,558],{"class":452},[352,759,467],{"class":357},[352,761,470],{"class":357},[352,763,764],{"class":473},"margin: 0 auto; max-width: ",[352,766,746],{"class":767},"highlighted-word sXiT_",[352,769,770],{"class":473},";",[352,772,470],{"class":357},[352,774,365],{"class":357},[352,776,777,779,781,783,785,787,789,791,793,795,797,799],{"class":354,"line":27},[352,778,370],{"class":357},[352,780,326],{"class":361},[352,782,558],{"class":452},[352,784,467],{"class":357},[352,786,470],{"class":357},[352,788,613],{"class":473},[352,790,470],{"class":357},[352,792,393],{"class":357},[352,794,707],{"class":396},[352,796,400],{"class":357},[352,798,326],{"class":361},[352,800,365],{"class":357},[352,802,803,805,807],{"class":354,"line":52},[352,804,400],{"class":357},[352,806,588],{"class":361},[352,808,365],{"class":357},[352,810,811],{"class":354,"line":128},[352,812,813],{"class":528},"\u003C!--[if mso]>\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003C![endif]-->\n",[330,815,817],{"id":816},"props","Props",[819,820,821],"h3",{"id":821},"width",[326,823,824,825,828,831,832],{},"Type: ",[349,826,827],{},"string | number",[829,830],"br",{},"\nDefault: ",[349,833,834],{},"null",[326,836,837,838,841,842,845,846,848],{},"Sets the ",[349,839,840],{},"max-width"," on the ",[349,843,844],{},"\u003Cdiv>"," and the ",[349,847,821],{}," on the MSO fallback table. Use this when you'd rather pass a numeric prop than a Tailwind class.",[342,850,852],{"className":344,"code":851,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CContainer :width=\"600\">\n    \u003CText>Constrained to 600px.\u003C\u002FText>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[349,853,854,862,882,899,907],{"__ignoreMap":347},[352,855,856,858,860],{"class":354,"line":18},[352,857,358],{"class":357},[352,859,362],{"class":361},[352,861,365],{"class":357},[352,863,864,866,868,871,873,875,878,880],{"class":354,"line":13},[352,865,370],{"class":357},[352,867,51],{"class":361},[352,869,870],{"class":452}," :width",[352,872,467],{"class":357},[352,874,470],{"class":357},[352,876,877],{"class":473},"600",[352,879,470],{"class":357},[352,881,365],{"class":357},[352,883,884,886,888,890,893,895,897],{"class":354,"line":32},[352,885,379],{"class":357},[352,887,139],{"class":361},[352,889,393],{"class":357},[352,891,892],{"class":396},"Constrained to 600px.",[352,894,400],{"class":357},[352,896,139],{"class":361},[352,898,365],{"class":357},[352,900,901,903,905],{"class":354,"line":27},[352,902,418],{"class":357},[352,904,51],{"class":361},[352,906,365],{"class":357},[352,908,909,911,913],{"class":354,"line":52},[352,910,400],{"class":357},[352,912,362],{"class":361},[352,914,365],{"class":357},[916,917,919],"callout",{"type":918},"info",[326,920,921,922,925,926,929,930,933],{},"You may also use a string value like ",[349,923,924],{},"width=\"600px\""," or even ",[349,927,928],{},"width=\"600\"",", it will be correctly parsed and suffixed with ",[349,931,932],{},"px"," if needed.",[819,935,937],{"id":936},"msostyle","msoStyle",[326,939,824,940,943,831,945],{},[349,941,942],{},"string",[829,944],{},[349,946,947],{},"undefined",[326,949,950,951,954],{},"Inline CSS applied only to the MSO ",[349,952,953],{},"\u003Ctd>"," element. Use for Outlook-specific styling that shouldn't affect other clients.",[342,956,958],{"className":344,"code":957,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CContainer mso-style=\"mso-padding-alt: 0;\">\n    \u003CText>Padding removed in Outlook only.\u003C\u002FText>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[349,959,960,968,988,1005,1013],{"__ignoreMap":347},[352,961,962,964,966],{"class":354,"line":18},[352,963,358],{"class":357},[352,965,362],{"class":361},[352,967,365],{"class":357},[352,969,970,972,974,977,979,981,984,986],{"class":354,"line":13},[352,971,370],{"class":357},[352,973,51],{"class":361},[352,975,976],{"class":452}," mso-style",[352,978,467],{"class":357},[352,980,470],{"class":357},[352,982,983],{"class":473},"mso-padding-alt: 0;",[352,985,470],{"class":357},[352,987,365],{"class":357},[352,989,990,992,994,996,999,1001,1003],{"class":354,"line":32},[352,991,379],{"class":357},[352,993,139],{"class":361},[352,995,393],{"class":357},[352,997,998],{"class":396},"Padding removed in Outlook only.",[352,1000,400],{"class":357},[352,1002,139],{"class":361},[352,1004,365],{"class":357},[352,1006,1007,1009,1011],{"class":354,"line":27},[352,1008,418],{"class":357},[352,1010,51],{"class":361},[352,1012,365],{"class":357},[352,1014,1015,1017,1019],{"class":354,"line":52},[352,1016,400],{"class":357},[352,1018,362],{"class":361},[352,1020,365],{"class":357},[819,1022,1024],{"id":1023},"outlookfallback","outlookFallback",[326,1026,824,1027,1030,831,1032],{},[349,1028,1029],{},"boolean",[829,1031],{},[349,1033,1034],{},"true",[326,1036,1037,1038,1041,1042,1045,1046,1049],{},"Toggle Outlook (MSO) and VML fallback markup for this container and its descendants. Set this to ",[349,1039,1040],{},"false"," to use modern markup and skip the MSO ghost table, VML shapes, ",[349,1043,1044],{},"xmlns:v"," \u002F ",[349,1047,1048],{},"xmlns:o"," attributes, and mso-specific CSS.",[335,1051,1052,1119],{},[338,1053,1054],{"label":340},[342,1055,1057],{"className":344,"code":1056,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CContainer :outlook-fallback=\"false\">\n    \u003CText>Modern markup only, no MSO fallback.\u003C\u002FText>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[349,1058,1059,1067,1086,1103,1111],{"__ignoreMap":347},[352,1060,1061,1063,1065],{"class":354,"line":18},[352,1062,358],{"class":357},[352,1064,362],{"class":361},[352,1066,365],{"class":357},[352,1068,1069,1071,1073,1076,1078,1080,1082,1084],{"class":354,"line":13},[352,1070,370],{"class":357},[352,1072,51],{"class":361},[352,1074,1075],{"class":452}," :outlook-fallback",[352,1077,467],{"class":357},[352,1079,470],{"class":357},[352,1081,1040],{"class":473},[352,1083,470],{"class":357},[352,1085,365],{"class":357},[352,1087,1088,1090,1092,1094,1097,1099,1101],{"class":354,"line":32},[352,1089,379],{"class":357},[352,1091,139],{"class":361},[352,1093,393],{"class":357},[352,1095,1096],{"class":396},"Modern markup only, no MSO fallback.",[352,1098,400],{"class":357},[352,1100,139],{"class":361},[352,1102,365],{"class":357},[352,1104,1105,1107,1109],{"class":354,"line":27},[352,1106,418],{"class":357},[352,1108,51],{"class":361},[352,1110,365],{"class":357},[352,1112,1113,1115,1117],{"class":354,"line":52},[352,1114,400],{"class":357},[352,1116,362],{"class":361},[352,1118,365],{"class":357},[338,1120,1121],{"label":433},[342,1122,1125],{"className":436,"code":1123,"highlights":1124,"language":439,"meta":347,"style":347},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\" dir=\"ltr\" xmlns:v=\"urn:schemas-microsoft-com:vml\" xmlns:o=\"urn:schemas-microsoft-com:office:office\">\n  \u003Chead>\n    \u003C!-- ... -->\n  \u003C\u002Fhead>\n  \u003Cbody xml:lang=\"en\" style=\"margin: 0; width: 100%; height: 100%; padding: 0; word-break: break-word;\">\n    \u003C!-- ... -->\n      \u003Cdiv style=\"margin: 0 auto; max-width: 600px;\">\u003Cp style=\"margin: 16px 0; font-size: 16px; line-height: 24px;\">Modern markup only, no MSO fallback.\u003C\u002Fp>\u003C\u002Fdiv>\n    \u003C!-- ... -->\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n:::\n",[48],[349,1126,1127,1137,1185,1193,1197,1205,1233,1237,1282,1286,1294,1302],{"__ignoreMap":347},[352,1128,1129,1131,1133,1135],{"class":354,"line":18},[352,1130,446],{"class":357},[352,1132,449],{"class":361},[352,1134,453],{"class":452},[352,1136,365],{"class":357},[352,1138,1139,1141,1143,1145,1147,1149,1151,1153,1155,1157,1159,1161,1163,1165,1167,1169,1171,1173,1175,1177,1179,1181,1183],{"class":354,"line":13},[352,1140,358],{"class":357},[352,1142,439],{"class":361},[352,1144,464],{"class":452},[352,1146,467],{"class":357},[352,1148,470],{"class":357},[352,1150,474],{"class":473},[352,1152,470],{"class":357},[352,1154,479],{"class":452},[352,1156,467],{"class":357},[352,1158,470],{"class":357},[352,1160,486],{"class":473},[352,1162,470],{"class":357},[352,1164,491],{"class":452},[352,1166,467],{"class":357},[352,1168,470],{"class":357},[352,1170,498],{"class":473},[352,1172,470],{"class":357},[352,1174,503],{"class":452},[352,1176,467],{"class":357},[352,1178,470],{"class":357},[352,1180,510],{"class":473},[352,1182,470],{"class":357},[352,1184,365],{"class":357},[352,1186,1187,1189,1191],{"class":354,"line":32},[352,1188,370],{"class":357},[352,1190,521],{"class":361},[352,1192,365],{"class":357},[352,1194,1195],{"class":354,"line":27},[352,1196,529],{"class":528},[352,1198,1199,1201,1203],{"class":354,"line":52},[352,1200,418],{"class":357},[352,1202,521],{"class":361},[352,1204,365],{"class":357},[352,1206,1207,1209,1211,1213,1215,1217,1219,1221,1223,1225,1227,1229,1231],{"class":354,"line":128},[352,1208,370],{"class":357},[352,1210,544],{"class":361},[352,1212,547],{"class":452},[352,1214,467],{"class":357},[352,1216,470],{"class":357},[352,1218,474],{"class":473},[352,1220,470],{"class":357},[352,1222,558],{"class":452},[352,1224,467],{"class":357},[352,1226,470],{"class":357},[352,1228,565],{"class":473},[352,1230,470],{"class":357},[352,1232,365],{"class":357},[352,1234,1235],{"class":354,"line":124},[352,1236,529],{"class":528},[352,1238,1240,1242,1244,1246,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280],{"class":1239,"line":48},[354,577],[352,1241,388],{"class":357},[352,1243,588],{"class":361},[352,1245,558],{"class":452},[352,1247,467],{"class":357},[352,1249,470],{"class":357},[352,1251,597],{"class":473},[352,1253,470],{"class":357},[352,1255,602],{"class":357},[352,1257,326],{"class":361},[352,1259,558],{"class":452},[352,1261,467],{"class":357},[352,1263,470],{"class":357},[352,1265,613],{"class":473},[352,1267,470],{"class":357},[352,1269,393],{"class":357},[352,1271,1096],{"class":396},[352,1273,400],{"class":357},[352,1275,326],{"class":361},[352,1277,626],{"class":357},[352,1279,588],{"class":361},[352,1281,365],{"class":357},[352,1283,1284],{"class":354,"line":23},[352,1285,529],{"class":528},[352,1287,1288,1290,1292],{"class":354,"line":140},[352,1289,418],{"class":357},[352,1291,544],{"class":361},[352,1293,365],{"class":357},[352,1295,1296,1298,1300],{"class":354,"line":56},[352,1297,400],{"class":357},[352,1299,439],{"class":361},[352,1301,365],{"class":357},[352,1303,1304],{"class":354,"line":80},[352,1305,1306],{"class":396},":::\n",[330,1308,1310],{"id":1309},"column-width-inheritance","Column width inheritance",[326,1312,1313,1314,1045,1316,1045,1318,1320],{},"Container exposes its resolved width to descendant ",[349,1315,123],{},[349,1317,47],{},[349,1319,127],{}," components, so you get automatic column width calculation based on the Container's width and the number of columns in a row.",[342,1322,1324],{"className":344,"code":1323,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CContainer>\n    \u003CRow>\n      \u003CColumn>200px wide\u003C\u002FColumn>\n      \u003CColumn>200px wide\u003C\u002FColumn>\n      \u003CColumn>200px wide\u003C\u002FColumn>\n    \u003C\u002FRow>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[349,1325,1326,1334,1342,1350,1367,1383,1399,1407,1415],{"__ignoreMap":347},[352,1327,1328,1330,1332],{"class":354,"line":18},[352,1329,358],{"class":357},[352,1331,362],{"class":361},[352,1333,365],{"class":357},[352,1335,1336,1338,1340],{"class":354,"line":13},[352,1337,370],{"class":357},[352,1339,51],{"class":361},[352,1341,365],{"class":357},[352,1343,1344,1346,1348],{"class":354,"line":32},[352,1345,379],{"class":357},[352,1347,123],{"class":361},[352,1349,365],{"class":357},[352,1351,1352,1354,1356,1358,1361,1363,1365],{"class":354,"line":27},[352,1353,388],{"class":357},[352,1355,47],{"class":361},[352,1357,393],{"class":357},[352,1359,1360],{"class":396},"200px wide",[352,1362,400],{"class":357},[352,1364,47],{"class":361},[352,1366,365],{"class":357},[352,1368,1369,1371,1373,1375,1377,1379,1381],{"class":354,"line":52},[352,1370,388],{"class":357},[352,1372,47],{"class":361},[352,1374,393],{"class":357},[352,1376,1360],{"class":396},[352,1378,400],{"class":357},[352,1380,47],{"class":361},[352,1382,365],{"class":357},[352,1384,1385,1387,1389,1391,1393,1395,1397],{"class":354,"line":128},[352,1386,388],{"class":357},[352,1388,47],{"class":361},[352,1390,393],{"class":357},[352,1392,1360],{"class":396},[352,1394,400],{"class":357},[352,1396,47],{"class":361},[352,1398,365],{"class":357},[352,1400,1401,1403,1405],{"class":354,"line":124},[352,1402,409],{"class":357},[352,1404,123],{"class":361},[352,1406,365],{"class":357},[352,1408,1409,1411,1413],{"class":354,"line":48},[352,1410,418],{"class":357},[352,1412,51],{"class":361},[352,1414,365],{"class":357},[352,1416,1417,1419,1421],{"class":354,"line":23},[352,1418,400],{"class":357},[352,1420,362],{"class":361},[352,1422,365],{"class":357},[326,1424,1425],{},"Same applies when you size the Container with a Tailwind utility:",[342,1427,1429],{"className":344,"code":1428,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CContainer class=\"max-w-xl\">\n    \u003CRow>\n      \u003CColumn>288px\u003C\u002FColumn>\n      \u003CColumn>288px\u003C\u002FColumn>\n    \u003C\u002FRow>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[349,1430,1431,1439,1458,1466,1483,1499,1507,1515],{"__ignoreMap":347},[352,1432,1433,1435,1437],{"class":354,"line":18},[352,1434,358],{"class":357},[352,1436,362],{"class":361},[352,1438,365],{"class":357},[352,1440,1441,1443,1445,1447,1449,1451,1454,1456],{"class":354,"line":13},[352,1442,370],{"class":357},[352,1444,51],{"class":361},[352,1446,685],{"class":452},[352,1448,467],{"class":357},[352,1450,470],{"class":357},[352,1452,1453],{"class":473},"max-w-xl",[352,1455,470],{"class":357},[352,1457,365],{"class":357},[352,1459,1460,1462,1464],{"class":354,"line":32},[352,1461,379],{"class":357},[352,1463,123],{"class":361},[352,1465,365],{"class":357},[352,1467,1468,1470,1472,1474,1477,1479,1481],{"class":354,"line":27},[352,1469,388],{"class":357},[352,1471,47],{"class":361},[352,1473,393],{"class":357},[352,1475,1476],{"class":396},"288px",[352,1478,400],{"class":357},[352,1480,47],{"class":361},[352,1482,365],{"class":357},[352,1484,1485,1487,1489,1491,1493,1495,1497],{"class":354,"line":52},[352,1486,388],{"class":357},[352,1488,47],{"class":361},[352,1490,393],{"class":357},[352,1492,1476],{"class":396},[352,1494,400],{"class":357},[352,1496,47],{"class":361},[352,1498,365],{"class":357},[352,1500,1501,1503,1505],{"class":354,"line":128},[352,1502,409],{"class":357},[352,1504,123],{"class":361},[352,1506,365],{"class":357},[352,1508,1509,1511,1513],{"class":354,"line":124},[352,1510,418],{"class":357},[352,1512,51],{"class":361},[352,1514,365],{"class":357},[352,1516,1517,1519,1521],{"class":354,"line":48},[352,1518,400],{"class":357},[352,1520,362],{"class":361},[352,1522,365],{"class":357},[1524,1525,1526],"style",{},"html pre.shiki code .sGGKt, html code.shiki .sGGKt{--shiki-default:#7B6995}html pre.shiki code .sb4Pa, html code.shiki .sb4Pa{--shiki-default:#74DFC4}html pre.shiki code .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}",{"title":347,"searchDepth":13,"depth":13,"links":1528},[1529,1530,1535],{"id":332,"depth":13,"text":333},{"id":816,"depth":13,"text":817,"children":1531},[1532,1533,1534],{"id":821,"depth":32,"text":821},{"id":936,"depth":32,"text":937},{"id":1023,"depth":32,"text":1024},{"id":1309,"depth":13,"text":1310},"The Container component is a centered wrapper with MSO table fallback that wraps your content.","md",{},{"title":51,"description":1536},"docs\u002Fcomponents\u002Fcontainer","7aK7-WzYYPf7XmpMNwA8YNDNrSMLzaPM9q_JDufzi1U",1781015438631]