[{"data":1,"prerenderedAt":1093},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fcomponents\u002Fsection":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":127,"body":318,"description":1087,"extension":1088,"meta":1089,"navigation":14,"order":128,"path":126,"section":31,"seo":1090,"sidebar":14,"stem":1091,"toc":14,"__hash__":1092},"docs\u002Fdocs\u002Fcomponents\u002Fsection.md",{"type":319,"value":320,"toc":1077},"minimark",[321,325,329,334,447,458,462,466,479,492,563,587,652,656,666,673,739,743,753,768,919,923,940,944,960,1074],[322,323,127],"h1",{"id":324},"section",[326,327,328],"p",{},"A full-width content block with optional width constraint.",[330,331,333],"h2",{"id":332},"usage","Usage",[335,336,342],"pre",{"className":337,"code":338,"filename":339,"language":340,"meta":341,"style":341},"language-vue shiki shiki-themes laserwave has-diff","\u003Ctemplate>\n  \u003CLayout>\n    \u003CContainer>\n      \u003CSection> \u002F\u002F [!code ++]\n        \u003CText>A constrained section.\u003C\u002FText>\n      \u003C\u002FSection> \u002F\u002F [!code ++]\n    \u003C\u002FContainer>\n  \u003C\u002FLayout>\n\u003C\u002Ftemplate>\n","emails\u002Fexample.vue","vue","",[343,344,345,360,369,378,391,411,421,430,439],"code",{"__ignoreMap":341},[346,347,349,353,357],"span",{"class":348,"line":18},"line",[346,350,352],{"class":351},"sGGKt","\u003C",[346,354,356],{"class":355},"sb4Pa","template",[346,358,359],{"class":351},">\n",[346,361,362,365,367],{"class":348,"line":13},[346,363,364],{"class":351},"  \u003C",[346,366,76],{"class":355},[346,368,359],{"class":351},[346,370,371,374,376],{"class":348,"line":32},[346,372,373],{"class":351},"    \u003C",[346,375,51],{"class":355},[346,377,359],{"class":351},[346,379,383,386,388],{"class":380,"line":27},[348,381,382],"diff","add",[346,384,385],{"class":351},"      \u003C",[346,387,127],{"class":355},[346,389,390],{"class":351},">",[346,392,393,396,398,400,404,407,409],{"class":348,"line":52},[346,394,395],{"class":351},"        \u003C",[346,397,139],{"class":355},[346,399,390],{"class":351},[346,401,403],{"class":402},"sLaUg","A constrained section.",[346,405,406],{"class":351},"\u003C\u002F",[346,408,139],{"class":355},[346,410,359],{"class":351},[346,412,414,417,419],{"class":413,"line":128},[348,381,382],[346,415,416],{"class":351},"      \u003C\u002F",[346,418,127],{"class":355},[346,420,390],{"class":351},[346,422,423,426,428],{"class":348,"line":124},[346,424,425],{"class":351},"    \u003C\u002F",[346,427,51],{"class":355},[346,429,359],{"class":351},[346,431,432,435,437],{"class":348,"line":48},[346,433,434],{"class":351},"  \u003C\u002F",[346,436,76],{"class":355},[346,438,359],{"class":351},[346,440,441,443,445],{"class":348,"line":23},[346,442,406],{"class":351},[346,444,356],{"class":355},[346,446,359],{"class":351},[326,448,449,450,453,454,457],{},"The output is similar to a ",[451,452,51],"a",{"href":50},", but without the ",[343,455,456],{},"max-width"," and centering. Use a Section when you want a full-width background color or border, but still want to constrain the content inside, or to wrap multiple rows and columns in a shared width context.",[330,459,461],{"id":460},"props","Props",[463,464,465],"h3",{"id":465},"width",[326,467,468,469,472,475,476],{},"Type: ",[343,470,471],{},"string | number",[473,474],"br",{},"\nDefault: ",[343,477,478],{},"null",[326,480,481,482,484,485,488,489,491],{},"Sets the ",[343,483,456],{}," on the ",[343,486,487],{},"\u003Cdiv>"," and the ",[343,490,465],{}," on the MSO fallback table. Use this when you'd rather pass a numeric prop than a Tailwind class.",[335,493,496],{"className":494,"code":495,"filename":339,"language":340,"meta":341,"style":341},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CSection :width=\"400\">\n    \u003CText>Constrained to 400px.\u003C\u002FText>\n  \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",[343,497,498,506,530,547,555],{"__ignoreMap":341},[346,499,500,502,504],{"class":348,"line":18},[346,501,352],{"class":351},[346,503,356],{"class":355},[346,505,359],{"class":351},[346,507,508,510,512,516,519,522,526,528],{"class":348,"line":13},[346,509,364],{"class":351},[346,511,127],{"class":355},[346,513,515],{"class":514},"sZNF3"," :width",[346,517,518],{"class":351},"=",[346,520,521],{"class":351},"\"",[346,523,525],{"class":524},"sXiT_","400",[346,527,521],{"class":351},[346,529,359],{"class":351},[346,531,532,534,536,538,541,543,545],{"class":348,"line":32},[346,533,373],{"class":351},[346,535,139],{"class":355},[346,537,390],{"class":351},[346,539,540],{"class":402},"Constrained to 400px.",[346,542,406],{"class":351},[346,544,139],{"class":355},[346,546,359],{"class":351},[346,548,549,551,553],{"class":348,"line":27},[346,550,434],{"class":351},[346,552,127],{"class":355},[346,554,359],{"class":351},[346,556,557,559,561],{"class":348,"line":52},[346,558,406],{"class":351},[346,560,356],{"class":355},[346,562,359],{"class":351},[326,564,565,566,568,569,572,573,576,577,579,580,582,583,586],{},"When ",[343,567,465],{}," is omitted, the fallback MSO table width is auto-derived from either a width utility (",[343,570,571],{},"max-w-md",", ",[343,574,575],{},"w-[400px]",", …) or inline ",[343,578,456],{},"\u002F",[343,581,465],{}," style on the component, after CSS inlining. If no width source is found, the MSO table falls back to ",[343,584,585],{},"100%",".",[335,588,590],{"className":494,"code":589,"filename":339,"language":340,"meta":341,"style":341},"\u003Ctemplate>\n  \u003CSection class=\"max-w-md\">\n    \u003CText>MSO table width matches max-w-md after inlining.\u003C\u002FText>\n  \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",[343,591,592,600,619,636,644],{"__ignoreMap":341},[346,593,594,596,598],{"class":348,"line":18},[346,595,352],{"class":351},[346,597,356],{"class":355},[346,599,359],{"class":351},[346,601,602,604,606,609,611,613,615,617],{"class":348,"line":13},[346,603,364],{"class":351},[346,605,127],{"class":355},[346,607,608],{"class":514}," class",[346,610,518],{"class":351},[346,612,521],{"class":351},[346,614,571],{"class":524},[346,616,521],{"class":351},[346,618,359],{"class":351},[346,620,621,623,625,627,630,632,634],{"class":348,"line":32},[346,622,373],{"class":351},[346,624,139],{"class":355},[346,626,390],{"class":351},[346,628,629],{"class":402},"MSO table width matches max-w-md after inlining.",[346,631,406],{"class":351},[346,633,139],{"class":355},[346,635,359],{"class":351},[346,637,638,640,642],{"class":348,"line":27},[346,639,434],{"class":351},[346,641,127],{"class":355},[346,643,359],{"class":351},[346,645,646,648,650],{"class":348,"line":52},[346,647,406],{"class":351},[346,649,356],{"class":355},[346,651,359],{"class":351},[463,653,655],{"id":654},"msostyle","msoStyle",[326,657,468,658,661,475,663],{},[343,659,660],{},"string",[473,662],{},[343,664,665],{},"undefined",[326,667,668,669,672],{},"Applies inline CSS only to the MSO ",[343,670,671],{},"\u003Ctd>"," element. Use this when you need Outlook-specific styling that shouldn't affect other email clients.",[335,674,676],{"className":494,"code":675,"filename":339,"language":340,"meta":341,"style":341},"\u003Ctemplate>\n  \u003CSection mso-style=\"padding: 16px\">\n    \u003CText>Extra padding in Outlook only.\u003C\u002FText>\n  \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",[343,677,678,686,706,723,731],{"__ignoreMap":341},[346,679,680,682,684],{"class":348,"line":18},[346,681,352],{"class":351},[346,683,356],{"class":355},[346,685,359],{"class":351},[346,687,688,690,692,695,697,699,702,704],{"class":348,"line":13},[346,689,364],{"class":351},[346,691,127],{"class":355},[346,693,694],{"class":514}," mso-style",[346,696,518],{"class":351},[346,698,521],{"class":351},[346,700,701],{"class":524},"padding: 16px",[346,703,521],{"class":351},[346,705,359],{"class":351},[346,707,708,710,712,714,717,719,721],{"class":348,"line":32},[346,709,373],{"class":351},[346,711,139],{"class":355},[346,713,390],{"class":351},[346,715,716],{"class":402},"Extra padding in Outlook only.",[346,718,406],{"class":351},[346,720,139],{"class":355},[346,722,359],{"class":351},[346,724,725,727,729],{"class":348,"line":27},[346,726,434],{"class":351},[346,728,127],{"class":355},[346,730,359],{"class":351},[346,732,733,735,737],{"class":348,"line":52},[346,734,406],{"class":351},[346,736,356],{"class":355},[346,738,359],{"class":351},[463,740,742],{"id":741},"outlookfallback","outlookFallback",[326,744,468,745,748,475,750],{},[343,746,747],{},"boolean",[473,749],{},[343,751,752],{},"true",[326,754,755,756,759,760,763,764,767],{},"Toggle Outlook (MSO) and VML fallback markup for this section and its descendants. Set this to ",[343,757,758],{},"false"," to use modern markup and skip the MSO ghost table, VML shapes, ",[343,761,762],{},"xmlns:v"," \u002F ",[343,765,766],{},"xmlns:o"," attributes, and mso-specific CSS.",[769,770,771,850],"code-tabs",{},[772,773,774],"code-tab",{"label":339},[335,775,777],{"className":494,"code":776,"filename":339,"language":340,"meta":341,"style":341},"\u003Ctemplate>\n  \u003CSection :outlook-fallback=\"false\" class=\"max-w-100 text-white p-6\">\n    \u003CText>Modern markup only, no MSO fallback.\u003C\u002FText>\n  \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",[343,778,779,787,817,834,842],{"__ignoreMap":341},[346,780,781,783,785],{"class":348,"line":18},[346,782,352],{"class":351},[346,784,356],{"class":355},[346,786,359],{"class":351},[346,788,789,791,793,796,798,800,802,804,806,808,810,813,815],{"class":348,"line":13},[346,790,364],{"class":351},[346,792,127],{"class":355},[346,794,795],{"class":514}," :outlook-fallback",[346,797,518],{"class":351},[346,799,521],{"class":351},[346,801,758],{"class":524},[346,803,521],{"class":351},[346,805,608],{"class":514},[346,807,518],{"class":351},[346,809,521],{"class":351},[346,811,812],{"class":524},"max-w-100 text-white p-6",[346,814,521],{"class":351},[346,816,359],{"class":351},[346,818,819,821,823,825,828,830,832],{"class":348,"line":32},[346,820,373],{"class":351},[346,822,139],{"class":355},[346,824,390],{"class":351},[346,826,827],{"class":402},"Modern markup only, no MSO fallback.",[346,829,406],{"class":351},[346,831,139],{"class":355},[346,833,359],{"class":351},[346,835,836,838,840],{"class":348,"line":27},[346,837,434],{"class":351},[346,839,127],{"class":355},[346,841,359],{"class":351},[346,843,844,846,848],{"class":348,"line":52},[346,845,406],{"class":351},[346,847,356],{"class":355},[346,849,359],{"class":351},[772,851,853],{"label":852},"dist\u002Fexample.html",[335,854,859],{"className":855,"code":856,"highlights":857,"language":858,"meta":341,"style":341},"language-html shiki shiki-themes laserwave","\u003Cdiv style=\"max-width: 400px; color: #fffffe; padding: 24px;\">\n  \u003Cp style=\"margin: 16px 0; font-size: 16px; line-height: 24px;\">Modern markup only, no MSO fallback.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[18],"html",[343,860,861,884,911],{"__ignoreMap":341},[346,862,865,867,870,873,875,877,880,882],{"class":863,"line":18},[348,864],"highlight",[346,866,352],{"class":351},[346,868,869],{"class":355},"div",[346,871,872],{"class":514}," style",[346,874,518],{"class":351},[346,876,521],{"class":351},[346,878,879],{"class":524},"max-width: 400px; color: #fffffe; padding: 24px;",[346,881,521],{"class":351},[346,883,359],{"class":351},[346,885,886,888,890,892,894,896,899,901,903,905,907,909],{"class":348,"line":13},[346,887,364],{"class":351},[346,889,326],{"class":355},[346,891,872],{"class":514},[346,893,518],{"class":351},[346,895,521],{"class":351},[346,897,898],{"class":524},"margin: 16px 0; font-size: 16px; line-height: 24px;",[346,900,521],{"class":351},[346,902,390],{"class":351},[346,904,827],{"class":402},[346,906,406],{"class":351},[346,908,326],{"class":355},[346,910,359],{"class":351},[346,912,913,915,917],{"class":348,"line":32},[346,914,406],{"class":351},[346,916,869],{"class":355},[346,918,359],{"class":351},[330,920,922],{"id":921},"style-forwarding","Style forwarding",[326,924,925,926,929,930,933,934,936,937,939],{},"Any ",[343,927,928],{},"style"," or ",[343,931,932],{},"class"," attributes you add to Section are forwarded to both the ",[343,935,487],{}," and the MSO ",[343,938,671],{}," element, so your styles render consistently across clients.",[330,941,943],{"id":942},"column-width-source","Column width source",[326,945,946,947,579,949,951,952,954,955,763,957,959],{},"When Section has a resolvable width — either a Tailwind utility, an inline ",[343,948,456],{},[343,950,465],{}," style, or the ",[343,953,465],{}," prop — it acts as a width source for descendant ",[343,956,123],{},[343,958,47],{}," components. They'll divide the section width instead of the outer Container width.",[335,961,963],{"className":494,"code":962,"language":340,"meta":341,"style":341},"\u003Ctemplate>\n  \u003CContainer>\n    \u003CSection class=\"max-w-100\">\n      \u003CRow>\n        \u003CColumn>200px (max-w-100 \u002F 2)\u003C\u002FColumn>\n        \u003CColumn>200px\u003C\u002FColumn>\n      \u003C\u002FRow>\n    \u003C\u002FSection>\n  \u003C\u002FContainer>\n\u003C\u002Ftemplate>\n",[343,964,965,973,981,1000,1008,1025,1042,1050,1058,1066],{"__ignoreMap":341},[346,966,967,969,971],{"class":348,"line":18},[346,968,352],{"class":351},[346,970,356],{"class":355},[346,972,359],{"class":351},[346,974,975,977,979],{"class":348,"line":13},[346,976,364],{"class":351},[346,978,51],{"class":355},[346,980,359],{"class":351},[346,982,983,985,987,989,991,993,996,998],{"class":348,"line":32},[346,984,373],{"class":351},[346,986,127],{"class":355},[346,988,608],{"class":514},[346,990,518],{"class":351},[346,992,521],{"class":351},[346,994,995],{"class":524},"max-w-100",[346,997,521],{"class":351},[346,999,359],{"class":351},[346,1001,1002,1004,1006],{"class":348,"line":27},[346,1003,385],{"class":351},[346,1005,123],{"class":355},[346,1007,359],{"class":351},[346,1009,1010,1012,1014,1016,1019,1021,1023],{"class":348,"line":52},[346,1011,395],{"class":351},[346,1013,47],{"class":355},[346,1015,390],{"class":351},[346,1017,1018],{"class":402},"200px (max-w-100 \u002F 2)",[346,1020,406],{"class":351},[346,1022,47],{"class":355},[346,1024,359],{"class":351},[346,1026,1027,1029,1031,1033,1036,1038,1040],{"class":348,"line":128},[346,1028,395],{"class":351},[346,1030,47],{"class":355},[346,1032,390],{"class":351},[346,1034,1035],{"class":402},"200px",[346,1037,406],{"class":351},[346,1039,47],{"class":355},[346,1041,359],{"class":351},[346,1043,1044,1046,1048],{"class":348,"line":124},[346,1045,416],{"class":351},[346,1047,123],{"class":355},[346,1049,359],{"class":351},[346,1051,1052,1054,1056],{"class":348,"line":48},[346,1053,425],{"class":351},[346,1055,127],{"class":355},[346,1057,359],{"class":351},[346,1059,1060,1062,1064],{"class":348,"line":23},[346,1061,434],{"class":351},[346,1063,51],{"class":355},[346,1065,359],{"class":351},[346,1067,1068,1070,1072],{"class":348,"line":140},[346,1069,406],{"class":351},[346,1071,356],{"class":355},[346,1073,359],{"class":351},[928,1075,1076],{},"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}",{"title":341,"searchDepth":13,"depth":13,"links":1078},[1079,1080,1085,1086],{"id":332,"depth":13,"text":333},{"id":460,"depth":13,"text":461,"children":1081},[1082,1083,1084],{"id":465,"depth":32,"text":465},{"id":654,"depth":32,"text":655},{"id":741,"depth":32,"text":742},{"id":921,"depth":13,"text":922},{"id":942,"depth":13,"text":943},"The Section component is full-width content block with optional width constraints.","md",{},{"title":127,"description":1087},"docs\u002Fcomponents\u002Fsection","ufFuHMInivf0ab1XsAIo9ECIInKYjVp2LCP0cpdNk7E",1781015438632]