[{"data":1,"prerenderedAt":1215},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fcomponents\u002Fwithurl":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":147,"body":318,"description":328,"extension":1210,"meta":1211,"navigation":14,"order":148,"path":146,"section":31,"seo":1212,"sidebar":14,"stem":1213,"toc":14,"__hash__":1214},"docs\u002Fdocs\u002Fcomponents\u002Fwithurl.md",{"type":319,"value":320,"toc":1203},"minimark",[321,325,329,334,337,610,613,793,796,893,896,955,966,977,984,997,1001,1004,1018,1021,1106,1108,1116,1123,1199],[322,323,147],"h1",{"id":324},"withurl",[326,327,328],"p",{},"Rewrites URLs in child elements by prepending a base URL and appending query parameters.",[330,331,333],"h2",{"id":332},"usage","Usage",[326,335,336],{},"Prepend a base URL to all relative paths:",[338,339,340,499],"code-tabs",{},[341,342,344],"code-tab",{"label":343},"emails\u002Fexample.vue",[345,346,351],"pre",{"className":347,"code":348,"language":349,"meta":350,"style":350},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CWithUrl base=\"https:\u002F\u002Fcdn.example.com\u002Fimages\">\n    \u003CImg src=\"hero.jpg\" alt=\"Hero\" width=\"600\" \u002F>\n    \u003CImg src=\"logo.png\" alt=\"Logo\" width=\"120\" \u002F>\n  \u003C\u002FWithUrl>\n\u003C\u002Ftemplate>\n","vue","",[352,353,354,369,394,440,481,490],"code",{"__ignoreMap":350},[355,356,358,362,366],"span",{"class":357,"line":18},"line",[355,359,361],{"class":360},"sGGKt","\u003C",[355,363,365],{"class":364},"sb4Pa","template",[355,367,368],{"class":360},">\n",[355,370,371,374,376,380,383,386,390,392],{"class":357,"line":13},[355,372,373],{"class":360},"  \u003C",[355,375,147],{"class":364},[355,377,379],{"class":378},"sZNF3"," base",[355,381,382],{"class":360},"=",[355,384,385],{"class":360},"\"",[355,387,389],{"class":388},"sXiT_","https:\u002F\u002Fcdn.example.com\u002Fimages",[355,391,385],{"class":360},[355,393,368],{"class":360},[355,395,396,399,401,404,406,408,411,413,416,418,420,423,425,428,430,432,435,437],{"class":357,"line":32},[355,397,398],{"class":360},"    \u003C",[355,400,72],{"class":364},[355,402,403],{"class":378}," src",[355,405,382],{"class":360},[355,407,385],{"class":360},[355,409,410],{"class":388},"hero.jpg",[355,412,385],{"class":360},[355,414,415],{"class":378}," alt",[355,417,382],{"class":360},[355,419,385],{"class":360},[355,421,422],{"class":388},"Hero",[355,424,385],{"class":360},[355,426,427],{"class":378}," width",[355,429,382],{"class":360},[355,431,385],{"class":360},[355,433,434],{"class":388},"600",[355,436,385],{"class":360},[355,438,439],{"class":360}," \u002F>\n",[355,441,442,444,446,448,450,452,455,457,459,461,463,466,468,470,472,474,477,479],{"class":357,"line":27},[355,443,398],{"class":360},[355,445,72],{"class":364},[355,447,403],{"class":378},[355,449,382],{"class":360},[355,451,385],{"class":360},[355,453,454],{"class":388},"logo.png",[355,456,385],{"class":360},[355,458,415],{"class":378},[355,460,382],{"class":360},[355,462,385],{"class":360},[355,464,465],{"class":388},"Logo",[355,467,385],{"class":360},[355,469,427],{"class":378},[355,471,382],{"class":360},[355,473,385],{"class":360},[355,475,476],{"class":388},"120",[355,478,385],{"class":360},[355,480,439],{"class":360},[355,482,483,486,488],{"class":357,"line":52},[355,484,485],{"class":360},"  \u003C\u002F",[355,487,147],{"class":364},[355,489,368],{"class":360},[355,491,492,495,497],{"class":357,"line":128},[355,493,494],{"class":360},"\u003C\u002F",[355,496,365],{"class":364},[355,498,368],{"class":360},[341,500,502],{"label":501},"dist\u002Fexample.html",[345,503,507],{"className":504,"code":505,"language":506,"meta":350,"style":350},"language-html shiki shiki-themes laserwave","\u003Cimg src=\"https:\u002F\u002Fcdn.example.com\u002Fimages\u002Fhero.jpg\" alt=\"Hero\" width=\"600\" style=\"max-width: 100%; vertical-align: middle;\">\n\u003Cimg src=\"https:\u002F\u002Fcdn.example.com\u002Fimages\u002Flogo.png\" alt=\"Logo\" width=\"120\" style=\"max-width: 100%; vertical-align: middle;\">\n","html",[352,508,509,561],{"__ignoreMap":350},[355,510,511,513,516,518,520,522,525,527,529,531,533,535,537,539,541,543,545,547,550,552,554,557,559],{"class":357,"line":18},[355,512,361],{"class":360},[355,514,515],{"class":364},"img",[355,517,403],{"class":378},[355,519,382],{"class":360},[355,521,385],{"class":360},[355,523,524],{"class":388},"https:\u002F\u002Fcdn.example.com\u002Fimages\u002Fhero.jpg",[355,526,385],{"class":360},[355,528,415],{"class":378},[355,530,382],{"class":360},[355,532,385],{"class":360},[355,534,422],{"class":388},[355,536,385],{"class":360},[355,538,427],{"class":378},[355,540,382],{"class":360},[355,542,385],{"class":360},[355,544,434],{"class":388},[355,546,385],{"class":360},[355,548,549],{"class":378}," style",[355,551,382],{"class":360},[355,553,385],{"class":360},[355,555,556],{"class":388},"max-width: 100%; vertical-align: middle;",[355,558,385],{"class":360},[355,560,368],{"class":360},[355,562,563,565,567,569,571,573,576,578,580,582,584,586,588,590,592,594,596,598,600,602,604,606,608],{"class":357,"line":13},[355,564,361],{"class":360},[355,566,515],{"class":364},[355,568,403],{"class":378},[355,570,382],{"class":360},[355,572,385],{"class":360},[355,574,575],{"class":388},"https:\u002F\u002Fcdn.example.com\u002Fimages\u002Flogo.png",[355,577,385],{"class":360},[355,579,415],{"class":378},[355,581,382],{"class":360},[355,583,385],{"class":360},[355,585,465],{"class":388},[355,587,385],{"class":360},[355,589,427],{"class":378},[355,591,382],{"class":360},[355,593,385],{"class":360},[355,595,476],{"class":388},[355,597,385],{"class":360},[355,599,549],{"class":378},[355,601,382],{"class":360},[355,603,385],{"class":360},[355,605,556],{"class":388},[355,607,385],{"class":360},[355,609,368],{"class":360},[326,611,612],{},"Add tracking parameters to URLs:",[338,614,615,725],{},[341,616,617],{"label":343},[345,618,620],{"className":347,"code":619,"language":349,"meta":350,"style":350},"\u003Ctemplate>\n  \u003CWithUrl parameters=\"utm_source=email&utm_campaign=welcome\">\n    \u003CButton href=\"https:\u002F\u002Fexample.com\u002Fshop\">Shop Now\u003C\u002FButton>\n    \u003CLink href=\"https:\u002F\u002Fexample.com\u002Fabout\">About Us\u003C\u002FLink>\n  \u003C\u002FWithUrl>\n\u003C\u002Ftemplate>\n",[352,621,622,630,650,681,709,717],{"__ignoreMap":350},[355,623,624,626,628],{"class":357,"line":18},[355,625,361],{"class":360},[355,627,365],{"class":364},[355,629,368],{"class":360},[355,631,632,634,636,639,641,643,646,648],{"class":357,"line":13},[355,633,373],{"class":360},[355,635,147],{"class":364},[355,637,638],{"class":378}," parameters",[355,640,382],{"class":360},[355,642,385],{"class":360},[355,644,645],{"class":388},"utm_source=email&utm_campaign=welcome",[355,647,385],{"class":360},[355,649,368],{"class":360},[355,651,652,654,656,659,661,663,666,668,671,675,677,679],{"class":357,"line":32},[355,653,398],{"class":360},[355,655,35],{"class":364},[355,657,658],{"class":378}," href",[355,660,382],{"class":360},[355,662,385],{"class":360},[355,664,665],{"class":388},"https:\u002F\u002Fexample.com\u002Fshop",[355,667,385],{"class":360},[355,669,670],{"class":360},">",[355,672,674],{"class":673},"sLaUg","Shop Now",[355,676,494],{"class":360},[355,678,35],{"class":364},[355,680,368],{"class":360},[355,682,683,685,687,689,691,693,696,698,700,703,705,707],{"class":357,"line":27},[355,684,398],{"class":360},[355,686,79],{"class":364},[355,688,658],{"class":378},[355,690,382],{"class":360},[355,692,385],{"class":360},[355,694,695],{"class":388},"https:\u002F\u002Fexample.com\u002Fabout",[355,697,385],{"class":360},[355,699,670],{"class":360},[355,701,702],{"class":673},"About Us",[355,704,494],{"class":360},[355,706,79],{"class":364},[355,708,368],{"class":360},[355,710,711,713,715],{"class":357,"line":52},[355,712,485],{"class":360},[355,714,147],{"class":364},[355,716,368],{"class":360},[355,718,719,721,723],{"class":357,"line":128},[355,720,494],{"class":360},[355,722,365],{"class":364},[355,724,368],{"class":360},[341,726,727],{"label":501},[345,728,730],{"className":504,"code":729,"language":506,"meta":350,"style":350},"\u003C!-- Button renders a wrapped \u003Ca>, Link renders a plain \u003Ca> -->\n\u003Ca href=\"https:\u002F\u002Fexample.com\u002Fshop?utm_source=email&utm_campaign=welcome\">Shop Now\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fexample.com\u002Fabout?utm_source=email&utm_campaign=welcome\">About Us\u003C\u002Fa>\n",[352,731,732,738,766],{"__ignoreMap":350},[355,733,734],{"class":357,"line":18},[355,735,737],{"class":736},"sVsQ9","\u003C!-- Button renders a wrapped \u003Ca>, Link renders a plain \u003Ca> -->\n",[355,739,740,742,745,747,749,751,754,756,758,760,762,764],{"class":357,"line":13},[355,741,361],{"class":360},[355,743,744],{"class":364},"a",[355,746,658],{"class":378},[355,748,382],{"class":360},[355,750,385],{"class":360},[355,752,753],{"class":388},"https:\u002F\u002Fexample.com\u002Fshop?utm_source=email&utm_campaign=welcome",[355,755,385],{"class":360},[355,757,670],{"class":360},[355,759,674],{"class":673},[355,761,494],{"class":360},[355,763,744],{"class":364},[355,765,368],{"class":360},[355,767,768,770,772,774,776,778,781,783,785,787,789,791],{"class":357,"line":32},[355,769,361],{"class":360},[355,771,744],{"class":364},[355,773,658],{"class":378},[355,775,382],{"class":360},[355,777,385],{"class":360},[355,779,780],{"class":388},"https:\u002F\u002Fexample.com\u002Fabout?utm_source=email&utm_campaign=welcome",[355,782,385],{"class":360},[355,784,670],{"class":360},[355,786,702],{"class":673},[355,788,494],{"class":360},[355,790,744],{"class":364},[355,792,368],{"class":360},[326,794,795],{},"You can use both props together:",[345,797,799],{"className":347,"code":798,"filename":343,"language":349,"meta":350,"style":350},"\u003Ctemplate>\n  \u003CWithUrl base=\"https:\u002F\u002Fcdn.example.com\" parameters=\"v=2\">\n    \u003CImg src=\"hero.jpg\" alt=\"Hero\" width=\"600\" \u002F>\n  \u003C\u002FWithUrl>\n\u003C\u002Ftemplate>\n",[352,800,801,809,839,877,885],{"__ignoreMap":350},[355,802,803,805,807],{"class":357,"line":18},[355,804,361],{"class":360},[355,806,365],{"class":364},[355,808,368],{"class":360},[355,810,811,813,815,817,819,821,824,826,828,830,832,835,837],{"class":357,"line":13},[355,812,373],{"class":360},[355,814,147],{"class":364},[355,816,379],{"class":378},[355,818,382],{"class":360},[355,820,385],{"class":360},[355,822,823],{"class":388},"https:\u002F\u002Fcdn.example.com",[355,825,385],{"class":360},[355,827,638],{"class":378},[355,829,382],{"class":360},[355,831,385],{"class":360},[355,833,834],{"class":388},"v=2",[355,836,385],{"class":360},[355,838,368],{"class":360},[355,840,841,843,845,847,849,851,853,855,857,859,861,863,865,867,869,871,873,875],{"class":357,"line":32},[355,842,398],{"class":360},[355,844,72],{"class":364},[355,846,403],{"class":378},[355,848,382],{"class":360},[355,850,385],{"class":360},[355,852,410],{"class":388},[355,854,385],{"class":360},[355,856,415],{"class":378},[355,858,382],{"class":360},[355,860,385],{"class":360},[355,862,422],{"class":388},[355,864,385],{"class":360},[355,866,427],{"class":378},[355,868,382],{"class":360},[355,870,385],{"class":360},[355,872,434],{"class":388},[355,874,385],{"class":360},[355,876,439],{"class":360},[355,878,879,881,883],{"class":357,"line":27},[355,880,485],{"class":360},[355,882,147],{"class":364},[355,884,368],{"class":360},[355,886,887,889,891],{"class":357,"line":52},[355,888,494],{"class":360},[355,890,365],{"class":364},[355,892,368],{"class":360},[326,894,895],{},"The component recursively processes all descendant elements, including nested components. It handles these tags and attributes:",[897,898,899,905,910,915,920,925,930,935,940,945,950],"ul",{},[900,901,902],"li",{},[352,903,904],{},"a[href]",[900,906,907],{},[352,908,909],{},"img[src, srcset]",[900,911,912],{},[352,913,914],{},"video[src, poster]",[900,916,917],{},[352,918,919],{},"source[src, srcset]",[900,921,922],{},[352,923,924],{},"link[href]",[900,926,927],{},[352,928,929],{},"script[src]",[900,931,932],{},[352,933,934],{},"object[data]",[900,936,937],{},[352,938,939],{},"embed[src]",[900,941,942],{},[352,943,944],{},"iframe[src]",[900,946,947],{},[352,948,949],{},"v:image[src]",[900,951,952],{},[352,953,954],{},"v:fill[src]",[326,956,957,958,961,962,965],{},"Absolute URLs are left unchanged when using ",[352,959,960],{},"base"," — only relative URLs are rewritten. When using ",[352,963,964],{},"parameters",", query strings are appended to all URLs regardless.",[326,967,968,969,972,973,976],{},"Slash normalization is handled automatically, so ",[352,970,971],{},"base=\"https:\u002F\u002Fexample.com\u002F\""," and ",[352,974,975],{},"base=\"https:\u002F\u002Fexample.com\""," both work correctly.",[326,978,979,980,983],{},"Values in ",[352,981,982],{},"srcset"," attributes are also processed, each URL in the set is rewritten individually.",[985,986,987],"callout",{},[326,988,989,990,972,993,996],{},"The ",[352,991,992],{},"url.base",[352,994,995],{},"url.parameters"," config options do the same thing at the transformer level for the entire template. Use WithUrl when you need different base URLs or parameters for specific sections of your email.",[330,998,1000],{"id":999},"props","Props",[1002,1003,960],"h3",{"id":960},[326,1005,1006,1007,1010,1013,1014],{},"Type: ",[352,1008,1009],{},"String",[1011,1012],"br",{},"\nDefault: ",[1015,1016,1017],"em",{},"undefined",[326,1019,1020],{},"Base URL to prepend to all relative URLs found in child elements. Absolute URLs are not affected.",[345,1022,1024],{"className":347,"code":1023,"filename":343,"language":349,"meta":350,"style":350},"\u003Ctemplate>\n  \u003CWithUrl base=\"https:\u002F\u002Fcdn.example.com\u002Fimages\">\n    \u003CImg src=\"hero.jpg\" alt=\"Hero\" width=\"600\" \u002F>\n  \u003C\u002FWithUrl>\n\u003C\u002Ftemplate>\n",[352,1025,1026,1034,1052,1090,1098],{"__ignoreMap":350},[355,1027,1028,1030,1032],{"class":357,"line":18},[355,1029,361],{"class":360},[355,1031,365],{"class":364},[355,1033,368],{"class":360},[355,1035,1036,1038,1040,1042,1044,1046,1048,1050],{"class":357,"line":13},[355,1037,373],{"class":360},[355,1039,147],{"class":364},[355,1041,379],{"class":378},[355,1043,382],{"class":360},[355,1045,385],{"class":360},[355,1047,389],{"class":388},[355,1049,385],{"class":360},[355,1051,368],{"class":360},[355,1053,1054,1056,1058,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1086,1088],{"class":357,"line":32},[355,1055,398],{"class":360},[355,1057,72],{"class":364},[355,1059,403],{"class":378},[355,1061,382],{"class":360},[355,1063,385],{"class":360},[355,1065,410],{"class":388},[355,1067,385],{"class":360},[355,1069,415],{"class":378},[355,1071,382],{"class":360},[355,1073,385],{"class":360},[355,1075,422],{"class":388},[355,1077,385],{"class":360},[355,1079,427],{"class":378},[355,1081,382],{"class":360},[355,1083,385],{"class":360},[355,1085,434],{"class":388},[355,1087,385],{"class":360},[355,1089,439],{"class":360},[355,1091,1092,1094,1096],{"class":357,"line":27},[355,1093,485],{"class":360},[355,1095,147],{"class":364},[355,1097,368],{"class":360},[355,1099,1100,1102,1104],{"class":357,"line":52},[355,1101,494],{"class":360},[355,1103,365],{"class":364},[355,1105,368],{"class":360},[1002,1107,964],{"id":964},[326,1109,1006,1110,1112,1013,1114],{},[352,1111,1009],{},[1011,1113],{},[1015,1115,1017],{},[326,1117,1118,1119,1122],{},"Query parameters to append to all URLs in child elements. Provide as a query string without the leading ",[352,1120,1121],{},"?",".",[345,1124,1126],{"className":347,"code":1125,"filename":343,"language":349,"meta":350,"style":350},"\u003Ctemplate>\n  \u003CWithUrl parameters=\"utm_source=email&utm_medium=newsletter\">\n    \u003CButton href=\"https:\u002F\u002Fexample.com\">Click here\u003C\u002FButton>\n  \u003C\u002FWithUrl>\n\u003C\u002Ftemplate>\n",[352,1127,1128,1136,1155,1183,1191],{"__ignoreMap":350},[355,1129,1130,1132,1134],{"class":357,"line":18},[355,1131,361],{"class":360},[355,1133,365],{"class":364},[355,1135,368],{"class":360},[355,1137,1138,1140,1142,1144,1146,1148,1151,1153],{"class":357,"line":13},[355,1139,373],{"class":360},[355,1141,147],{"class":364},[355,1143,638],{"class":378},[355,1145,382],{"class":360},[355,1147,385],{"class":360},[355,1149,1150],{"class":388},"utm_source=email&utm_medium=newsletter",[355,1152,385],{"class":360},[355,1154,368],{"class":360},[355,1156,1157,1159,1161,1163,1165,1167,1170,1172,1174,1177,1179,1181],{"class":357,"line":32},[355,1158,398],{"class":360},[355,1160,35],{"class":364},[355,1162,658],{"class":378},[355,1164,382],{"class":360},[355,1166,385],{"class":360},[355,1168,1169],{"class":388},"https:\u002F\u002Fexample.com",[355,1171,385],{"class":360},[355,1173,670],{"class":360},[355,1175,1176],{"class":673},"Click here",[355,1178,494],{"class":360},[355,1180,35],{"class":364},[355,1182,368],{"class":360},[355,1184,1185,1187,1189],{"class":357,"line":27},[355,1186,485],{"class":360},[355,1188,147],{"class":364},[355,1190,368],{"class":360},[355,1192,1193,1195,1197],{"class":357,"line":52},[355,1194,494],{"class":360},[355,1196,365],{"class":364},[355,1198,368],{"class":360},[1200,1201,1202],"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 .sZNF3, html code.shiki .sZNF3{--shiki-default:#EB64B9}html pre.shiki code .sXiT_, html code.shiki .sXiT_{--shiki-default:#B4DCE7}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 .sLaUg, html code.shiki .sLaUg{--shiki-default:#FFFFFF}html pre.shiki code .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}",{"title":350,"searchDepth":13,"depth":13,"links":1204},[1205,1206],{"id":332,"depth":13,"text":333},{"id":999,"depth":13,"text":1000,"children":1207},[1208,1209],{"id":960,"depth":32,"text":960},{"id":964,"depth":32,"text":964},"md",{},{"title":147,"description":328},"docs\u002Fcomponents\u002Fwithurl","UgSixRHlXTSH4XWoGTVxs863GNWhmXqGd2tJtwFDhOQ",1781015441097]