[{"data":1,"prerenderedAt":1522},["ShallowReactive",2],{"docs-nav":3,"\u002Fdocs\u002Fcomponents\u002Fbutton":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":35,"body":318,"description":1516,"extension":1517,"meta":1518,"navigation":14,"order":36,"path":34,"section":31,"seo":1519,"sidebar":14,"stem":1520,"toc":14,"__hash__":1521},"docs\u002Fdocs\u002Fcomponents\u002Fbutton.md",{"type":319,"value":320,"toc":1494},"minimark",[321,325,329,334,517,524,529,536,741,745,752,867,871,874,1033,1037,1043,1179,1183,1186,1200,1203,1205,1215,1218,1243,1250,1252,1262,1269,1273,1282,1293,1297,1306,1312,1316,1326,1340,1389,1391,1399,1402,1406,1415,1418,1422,1432,1435,1439,1448,1455,1459,1467,1470,1474,1484,1490],[322,323,35],"h1",{"id":324},"button",[326,327,328],"p",{},"Renders a styled call-to-action link with props for variants, alignment, icons, and Outlook padding adjustments that make it fully clickable without using VML.",[330,331,333],"h2",{"id":332},"usage","Usage",[335,336,337,411],"code-tabs",{},[338,339,341],"code-tab",{"label":340},"emails\u002Fexample.vue",[342,343,348],"pre",{"className":344,"code":345,"language":346,"meta":347,"style":347},"language-vue shiki shiki-themes laserwave","\u003Ctemplate>\n  \u003CButton href=\"https:\u002F\u002Fexample.com\">Get Started\u003C\u002FButton>\n\u003C\u002Ftemplate>\n","vue","",[349,350,351,366,403],"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,377,380,383,387,389,392,396,399,401],{"class":354,"line":13},[352,369,370],{"class":357},"  \u003C",[352,372,35],{"class":361},[352,374,376],{"class":375},"sZNF3"," href",[352,378,379],{"class":357},"=",[352,381,382],{"class":357},"\"",[352,384,386],{"class":385},"sXiT_","https:\u002F\u002Fexample.com",[352,388,382],{"class":357},[352,390,391],{"class":357},">",[352,393,395],{"class":394},"sLaUg","Get Started",[352,397,398],{"class":357},"\u003C\u002F",[352,400,35],{"class":361},[352,402,365],{"class":357},[352,404,405,407,409],{"class":354,"line":32},[352,406,398],{"class":357},[352,408,362],{"class":361},[352,410,365],{"class":357},[338,412,414],{"label":413},"dist\u002Fexample.html",[342,415,419],{"className":416,"code":417,"language":418,"meta":347,"style":347},"language-html shiki shiki-themes laserwave","\u003Cdiv>\n  \u003Ca href=\"https:\u002F\u002Fexample.com\" style=\"display: inline-block; text-decoration: none; padding: 16px 24px; font-size: 16px; line-height: 1; border-radius: 4px; color: #fffffe; background-color: #4338ca;\">\n    \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%; mso-text-raise: 31px;\" hidden> \u003C\u002Fi>\u003C![endif]-->\n    \u003Cspan style=\"mso-text-raise: 16px;\">Get Started\u003C\u002Fspan>\n    \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%;\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\n  \u003C\u002Fa>\n\u003C\u002Fdiv>\n","html",[349,420,421,430,461,467,495,500,509],{"__ignoreMap":347},[352,422,423,425,428],{"class":354,"line":18},[352,424,358],{"class":357},[352,426,427],{"class":361},"div",[352,429,365],{"class":357},[352,431,432,434,437,439,441,443,445,447,450,452,454,457,459],{"class":354,"line":13},[352,433,370],{"class":357},[352,435,436],{"class":361},"a",[352,438,376],{"class":375},[352,440,379],{"class":357},[352,442,382],{"class":357},[352,444,386],{"class":385},[352,446,382],{"class":357},[352,448,449],{"class":375}," style",[352,451,379],{"class":357},[352,453,382],{"class":357},[352,455,456],{"class":385},"display: inline-block; text-decoration: none; padding: 16px 24px; font-size: 16px; line-height: 1; border-radius: 4px; color: #fffffe; background-color: #4338ca;",[352,458,382],{"class":357},[352,460,365],{"class":357},[352,462,463],{"class":354,"line":32},[352,464,466],{"class":465},"sVsQ9","    \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%; mso-text-raise: 31px;\" hidden> \u003C\u002Fi>\u003C![endif]-->\n",[352,468,469,472,474,476,478,480,483,485,487,489,491,493],{"class":354,"line":27},[352,470,471],{"class":357},"    \u003C",[352,473,352],{"class":361},[352,475,449],{"class":375},[352,477,379],{"class":357},[352,479,382],{"class":357},[352,481,482],{"class":385},"mso-text-raise: 16px;",[352,484,382],{"class":357},[352,486,391],{"class":357},[352,488,395],{"class":394},[352,490,398],{"class":357},[352,492,352],{"class":361},[352,494,365],{"class":357},[352,496,497],{"class":354,"line":52},[352,498,499],{"class":465},"    \u003C!--[if mso]>\u003Ci style=\"mso-font-width: 150%;\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\n",[352,501,502,505,507],{"class":354,"line":128},[352,503,504],{"class":357},"  \u003C\u002F",[352,506,436],{"class":361},[352,508,365],{"class":357},[352,510,511,513,515],{"class":354,"line":124},[352,512,398],{"class":357},[352,514,427],{"class":361},[352,516,365],{"class":357},[326,518,519,520,523],{},"This renders a solid button with a filled indigo background and white text, with padding that works in Outlook thanks to the spacer ",[349,521,522],{},"\u003Ci>"," elements.",[525,526,528],"h3",{"id":527},"variants","Variants",[326,530,531,532,535],{},"The ",[349,533,534],{},"variant"," prop controls the button's visual style:",[342,537,539],{"className":344,"code":538,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003C!-- Solid: filled background, white text (default) -->\n  \u003CButton href=\"https:\u002F\u002Fexample.com\">Solid Button\u003C\u002FButton>\n\n  \u003C!-- Outline: transparent background, colored border -->\n   \u002F\u002F [!code word:variant=\"outline\"]\n  \u003CButton href=\"https:\u002F\u002Fexample.com\" variant=\"outline\">Outline Button\u003C\u002FButton>\n\n  \u003C!-- Ghost: transparent background, no border -->\n  \u002F\u002F [!code word:variant=\"ghost\"]\n  \u003CButton href=\"https:\u002F\u002Fexample.com\" variant=\"ghost\">Ghost Button\u003C\u002FButton>\n\n  \u003C!-- Link: plain anchor, no button styling -->\n  \u002F\u002F [!code word:variant=\"link\"]\n  \u003CButton href=\"https:\u002F\u002Fexample.com\" variant=\"link\">Link Button\u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[349,540,541,549,554,581,586,591,635,639,644,684,688,693,733],{"__ignoreMap":347},[352,542,543,545,547],{"class":354,"line":18},[352,544,358],{"class":357},[352,546,362],{"class":361},[352,548,365],{"class":357},[352,550,551],{"class":354,"line":13},[352,552,553],{"class":465},"  \u003C!-- Solid: filled background, white text (default) -->\n",[352,555,556,558,560,562,564,566,568,570,572,575,577,579],{"class":354,"line":32},[352,557,370],{"class":357},[352,559,35],{"class":361},[352,561,376],{"class":375},[352,563,379],{"class":357},[352,565,382],{"class":357},[352,567,386],{"class":385},[352,569,382],{"class":357},[352,571,391],{"class":357},[352,573,574],{"class":394},"Solid Button",[352,576,398],{"class":357},[352,578,35],{"class":361},[352,580,365],{"class":357},[352,582,583],{"class":354,"line":27},[352,584,585],{"emptyLinePlaceholder":14},"\n",[352,587,588],{"class":354,"line":52},[352,589,590],{"class":465},"  \u003C!-- Outline: transparent background, colored border -->\n",[352,592,593,595,597,599,601,603,605,607,610,613,616,618,622,624,626,629,631,633],{"class":354,"line":124},[352,594,370],{"class":357},[352,596,35],{"class":361},[352,598,376],{"class":375},[352,600,379],{"class":357},[352,602,382],{"class":357},[352,604,386],{"class":385},[352,606,382],{"class":357},[352,608,609],{"class":375}," ",[352,611,534],{"class":612},"highlighted-word sZNF3",[352,614,379],{"class":615},"highlighted-word sGGKt",[352,617,382],{"class":615},[352,619,621],{"class":620},"highlighted-word sXiT_","outline",[352,623,382],{"class":615},[352,625,391],{"class":357},[352,627,628],{"class":394},"Outline Button",[352,630,398],{"class":357},[352,632,35],{"class":361},[352,634,365],{"class":357},[352,636,637],{"class":354,"line":48},[352,638,585],{"emptyLinePlaceholder":14},[352,640,641],{"class":354,"line":23},[352,642,643],{"class":465},"  \u003C!-- Ghost: transparent background, no border -->\n",[352,645,646,648,650,652,654,656,658,660,662,664,666,668,671,673,675,678,680,682],{"class":354,"line":56},[352,647,370],{"class":357},[352,649,35],{"class":361},[352,651,376],{"class":375},[352,653,379],{"class":357},[352,655,382],{"class":357},[352,657,386],{"class":385},[352,659,382],{"class":357},[352,661,609],{"class":375},[352,663,534],{"class":612},[352,665,379],{"class":615},[352,667,382],{"class":615},[352,669,670],{"class":620},"ghost",[352,672,382],{"class":615},[352,674,391],{"class":357},[352,676,677],{"class":394},"Ghost Button",[352,679,398],{"class":357},[352,681,35],{"class":361},[352,683,365],{"class":357},[352,685,686],{"class":354,"line":80},[352,687,585],{"emptyLinePlaceholder":14},[352,689,690],{"class":354,"line":36},[352,691,692],{"class":465},"  \u003C!-- Link: plain anchor, no button styling -->\n",[352,694,695,697,699,701,703,705,707,709,711,713,715,717,720,722,724,727,729,731],{"class":354,"line":132},[352,696,370],{"class":357},[352,698,35],{"class":361},[352,700,376],{"class":375},[352,702,379],{"class":357},[352,704,382],{"class":357},[352,706,386],{"class":385},[352,708,382],{"class":357},[352,710,609],{"class":375},[352,712,534],{"class":612},[352,714,379],{"class":615},[352,716,382],{"class":615},[352,718,719],{"class":620},"link",[352,721,382],{"class":615},[352,723,391],{"class":357},[352,725,726],{"class":394},"Link Button",[352,728,398],{"class":357},[352,730,35],{"class":361},[352,732,365],{"class":357},[352,734,735,737,739],{"class":354,"line":66},[352,736,398],{"class":357},[352,738,362],{"class":361},[352,740,365],{"class":357},[525,742,744],{"id":743},"alignment","Alignment",[326,746,747,748,751],{},"Center or align the button using the ",[349,749,750],{},"align"," prop:",[342,753,755],{"className":344,"code":754,"filename":340,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u002F\u002F [!code word:align=\"center\"]\n  \u003CButton href=\"https:\u002F\u002Fexample.com\" align=\"center\">\n    Centered Button\n  \u003C\u002FButton>\n  \n  \u002F\u002F [!code word:align=\"right\"]\n  \u003CButton href=\"https:\u002F\u002Fexample.com\" align=\"right\">\n    Right-aligned Button\n  \u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[349,756,757,765,797,802,810,815,846,851,859],{"__ignoreMap":347},[352,758,759,761,763],{"class":354,"line":18},[352,760,358],{"class":357},[352,762,362],{"class":361},[352,764,365],{"class":357},[352,766,767,769,771,773,775,777,779,781,783,786,788,790,793,795],{"class":354,"line":32},[352,768,370],{"class":357},[352,770,35],{"class":361},[352,772,376],{"class":375},[352,774,379],{"class":357},[352,776,382],{"class":357},[352,778,386],{"class":385},[352,780,382],{"class":357},[352,782,609],{"class":394},[352,784,750],{"class":785},"highlighted-word sLaUg",[352,787,379],{"class":615},[352,789,382],{"class":615},[352,791,792],{"class":620},"center",[352,794,382],{"class":615},[352,796,365],{"class":357},[352,798,799],{"class":354,"line":27},[352,800,801],{"class":394},"    Centered Button\n",[352,803,804,806,808],{"class":354,"line":52},[352,805,504],{"class":357},[352,807,35],{"class":361},[352,809,365],{"class":357},[352,811,812],{"class":354,"line":128},[352,813,814],{"class":394},"  \n",[352,816,817,819,821,823,825,827,829,831,833,835,837,839,842,844],{"class":354,"line":48},[352,818,370],{"class":357},[352,820,35],{"class":361},[352,822,376],{"class":375},[352,824,379],{"class":357},[352,826,382],{"class":357},[352,828,386],{"class":385},[352,830,382],{"class":357},[352,832,609],{"class":394},[352,834,750],{"class":785},[352,836,379],{"class":615},[352,838,382],{"class":615},[352,840,841],{"class":620},"right",[352,843,382],{"class":615},[352,845,365],{"class":357},[352,847,848],{"class":354,"line":23},[352,849,850],{"class":394},"    Right-aligned Button\n",[352,852,853,855,857],{"class":354,"line":140},[352,854,504],{"class":357},[352,856,35],{"class":361},[352,858,365],{"class":357},[352,860,861,863,865],{"class":354,"line":56},[352,862,398],{"class":357},[352,864,362],{"class":361},[352,866,365],{"class":357},[525,868,870],{"id":869},"colors","Colors",[326,872,873],{},"Each variant ships with default styles that can be customized with Tailwind or inline CSS.",[342,875,878],{"className":344,"code":876,"filename":340,"highlights":877,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003C!-- Solid: blue bg, white text -->\n  \u003CButton \n    href=\"https:\u002F\u002Fexample.com\" \n    class=\"bg-blue-600 text-white\"\n  >\n    Blue Button\n  \u003C\u002FButton>\n\n  \u003C!-- Outline: green border + green text -->\n  \u003CButton\n    href=\"https:\u002F\u002Fexample.com\"\n    variant=\"outline\"\n    style=\"border-color: #16a34a; color: #16a34a;\"\n  >\n    Green Outline\n  \u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[52,73],[349,879,880,888,893,902,917,934,939,944,952,956,961,968,980,993,1008,1012,1017,1025],{"__ignoreMap":347},[352,881,882,884,886],{"class":354,"line":18},[352,883,358],{"class":357},[352,885,362],{"class":361},[352,887,365],{"class":357},[352,889,890],{"class":354,"line":13},[352,891,892],{"class":465},"  \u003C!-- Solid: blue bg, white text -->\n",[352,894,895,897,899],{"class":354,"line":32},[352,896,370],{"class":357},[352,898,35],{"class":361},[352,900,901],{"class":394}," \n",[352,903,904,907,909,911,913,915],{"class":354,"line":27},[352,905,906],{"class":375},"    href",[352,908,379],{"class":357},[352,910,382],{"class":357},[352,912,386],{"class":385},[352,914,382],{"class":357},[352,916,901],{"class":394},[352,918,921,924,926,928,931],{"class":919,"line":52},[354,920],"highlight",[352,922,923],{"class":375},"    class",[352,925,379],{"class":357},[352,927,382],{"class":357},[352,929,930],{"class":385},"bg-blue-600 text-white",[352,932,933],{"class":357},"\"\n",[352,935,936],{"class":354,"line":128},[352,937,938],{"class":357},"  >\n",[352,940,941],{"class":354,"line":124},[352,942,943],{"class":394},"    Blue Button\n",[352,945,946,948,950],{"class":354,"line":48},[352,947,504],{"class":357},[352,949,35],{"class":361},[352,951,365],{"class":357},[352,953,954],{"class":354,"line":23},[352,955,585],{"emptyLinePlaceholder":14},[352,957,958],{"class":354,"line":140},[352,959,960],{"class":465},"  \u003C!-- Outline: green border + green text -->\n",[352,962,963,965],{"class":354,"line":56},[352,964,370],{"class":357},[352,966,967],{"class":361},"Button\n",[352,969,970,972,974,976,978],{"class":354,"line":80},[352,971,906],{"class":375},[352,973,379],{"class":357},[352,975,382],{"class":357},[352,977,386],{"class":385},[352,979,933],{"class":357},[352,981,982,985,987,989,991],{"class":354,"line":36},[352,983,984],{"class":375},"    variant",[352,986,379],{"class":357},[352,988,382],{"class":357},[352,990,621],{"class":385},[352,992,933],{"class":357},[352,994,996,999,1001,1003,1006],{"class":995,"line":73},[354,920],[352,997,998],{"class":375},"    style",[352,1000,379],{"class":357},[352,1002,382],{"class":357},[352,1004,1005],{"class":385},"border-color: #16a34a; color: #16a34a;",[352,1007,933],{"class":357},[352,1009,1010],{"class":354,"line":132},[352,1011,938],{"class":357},[352,1013,1014],{"class":354,"line":66},[352,1015,1016],{"class":394},"    Green Outline\n",[352,1018,1019,1021,1023],{"class":354,"line":112},[352,1020,504],{"class":357},[352,1022,35],{"class":361},[352,1024,365],{"class":357},[352,1026,1027,1029,1031],{"class":354,"line":40},[352,1028,398],{"class":357},[352,1030,362],{"class":361},[352,1032,365],{"class":357},[525,1034,1036],{"id":1035},"icons","Icons",[326,1038,1039,1040,751],{},"Add an icon to the button with the ",[349,1041,1042],{},"icon",[342,1044,1047],{"className":344,"code":1045,"filename":340,"highlights":1046,"language":346,"meta":347,"style":347},"\u003Ctemplate>\n  \u003CButton\n    href=\"https:\u002F\u002Fexample.com\"\n    icon=\"https:\u002F\u002Fexample.com\u002Farrow.png\"\n  >Continue\u003C\u002FButton>\n\n  \u003C!-- Icon on the left -->\n  \u003CButton\n    href=\"https:\u002F\u002Fexample.com\"\n    icon=\"https:\u002F\u002Fexample.com\u002Farrow.png\"\n    icon-position=\"left\"\n  >Go Back\u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[27,56],[349,1048,1049,1057,1063,1075,1090,1104,1108,1113,1119,1131,1143,1158,1171],{"__ignoreMap":347},[352,1050,1051,1053,1055],{"class":354,"line":18},[352,1052,358],{"class":357},[352,1054,362],{"class":361},[352,1056,365],{"class":357},[352,1058,1059,1061],{"class":354,"line":13},[352,1060,370],{"class":357},[352,1062,967],{"class":361},[352,1064,1065,1067,1069,1071,1073],{"class":354,"line":32},[352,1066,906],{"class":375},[352,1068,379],{"class":357},[352,1070,382],{"class":357},[352,1072,386],{"class":385},[352,1074,933],{"class":357},[352,1076,1078,1081,1083,1085,1088],{"class":1077,"line":27},[354,920],[352,1079,1080],{"class":375},"    icon",[352,1082,379],{"class":357},[352,1084,382],{"class":357},[352,1086,1087],{"class":385},"https:\u002F\u002Fexample.com\u002Farrow.png",[352,1089,933],{"class":357},[352,1091,1092,1095,1098,1100,1102],{"class":354,"line":52},[352,1093,1094],{"class":357},"  >",[352,1096,1097],{"class":394},"Continue",[352,1099,398],{"class":357},[352,1101,35],{"class":361},[352,1103,365],{"class":357},[352,1105,1106],{"class":354,"line":128},[352,1107,585],{"emptyLinePlaceholder":14},[352,1109,1110],{"class":354,"line":124},[352,1111,1112],{"class":465},"  \u003C!-- Icon on the left -->\n",[352,1114,1115,1117],{"class":354,"line":48},[352,1116,370],{"class":357},[352,1118,967],{"class":361},[352,1120,1121,1123,1125,1127,1129],{"class":354,"line":23},[352,1122,906],{"class":375},[352,1124,379],{"class":357},[352,1126,382],{"class":357},[352,1128,386],{"class":385},[352,1130,933],{"class":357},[352,1132,1133,1135,1137,1139,1141],{"class":354,"line":140},[352,1134,1080],{"class":375},[352,1136,379],{"class":357},[352,1138,382],{"class":357},[352,1140,1087],{"class":385},[352,1142,933],{"class":357},[352,1144,1146,1149,1151,1153,1156],{"class":1145,"line":56},[354,920],[352,1147,1148],{"class":375},"    icon-position",[352,1150,379],{"class":357},[352,1152,382],{"class":357},[352,1154,1155],{"class":385},"left",[352,1157,933],{"class":357},[352,1159,1160,1162,1165,1167,1169],{"class":354,"line":80},[352,1161,1094],{"class":357},[352,1163,1164],{"class":394},"Go Back",[352,1166,398],{"class":357},[352,1168,35],{"class":361},[352,1170,365],{"class":357},[352,1172,1173,1175,1177],{"class":354,"line":36},[352,1174,398],{"class":357},[352,1176,362],{"class":361},[352,1178,365],{"class":357},[330,1180,1182],{"id":1181},"props","Props",[525,1184,1185],{"id":1185},"href",[326,1187,1188,1189,1192,1195,1196],{},"Type: ",[349,1190,1191],{},"String",[1193,1194],"br",{},"\nDefault: ",[1197,1198,1199],"em",{},"required",[326,1201,1202],{},"The URL the button links to. Required.",[525,1204,534],{"id":534},[326,1206,1188,1207,1210,1195,1212],{},[349,1208,1209],{},"solid | outline | ghost | link",[1193,1211],{},[349,1213,1214],{},"solid",[326,1216,1217],{},"The visual style of the button.",[1219,1220,1221,1228,1233,1238],"ul",{},[1222,1223,1224,1227],"li",{},[1225,1226,1214],"strong",{}," — filled indigo background with white text",[1222,1229,1230,1232],{},[1225,1231,621],{}," — transparent background with an indigo border and indigo text",[1222,1234,1235,1237],{},[1225,1236,670],{}," — transparent background, indigo text, light indigo hover background",[1222,1239,1240,1242],{},[1225,1241,719],{}," — plain anchor with indigo text and no button chrome",[1244,1245,1247],"callout",{"type":1246},"info",[326,1248,1249],{},"Override any of the default colors by passing your own Tailwind classes.",[525,1251,750],{"id":750},[326,1253,1188,1254,1257,1195,1259],{},[349,1255,1256],{},"left | center | right | null",[1193,1258],{},[349,1260,1261],{},"null",[326,1263,1264,1265,1268],{},"Horizontal alignment of the button. The button is wrapped in a ",[349,1266,1267],{},"\u003Cdiv>"," which handles the alignment and ensures it renders on its own line, as a block-level element.",[525,1270,1272],{"id":1271},"msopt","msoPt",[326,1274,1188,1275,1277,1195,1279],{},[349,1276,1191],{},[1193,1278],{},[349,1280,1281],{},"'16px'",[326,1283,1284,1285,1288,1289,1292],{},"Sets ",[349,1286,1287],{},"mso-text-raise"," to force some top padding in Outlook (classic), which does not support CSS padding on inline elements like ",[349,1290,1291],{},"\u003Ca>",".",[525,1294,1296],{"id":1295},"msopb","msoPb",[326,1298,1188,1299,1301,1195,1303],{},[349,1300,1191],{},[1193,1302],{},[349,1304,1305],{},"'31px'",[326,1307,1308,1309,1311],{},"Similarly, adds ",[349,1310,1287],{}," to create bottom padding in Outlook.",[525,1313,1315],{"id":1314},"msopx","msoPx",[326,1317,1188,1318,1321,1195,1323],{},[349,1319,1320],{},"String | Number",[1193,1322],{},[349,1324,1325],{},"150",[326,1327,1328,1329,1332,1333,1335,1336,1339],{},"Horizontal padding in old Outlook, applied as ",[349,1330,1331],{},"mso-font-width"," on the outer spacer ",[349,1334,522],{}," elements. Accepts a number, a numeric string, or a string with ",[349,1337,1338],{},"%",". Bare numbers are treated as percentages. Effective range up to 500%.",[342,1341,1343],{"className":344,"code":1342,"language":346,"meta":347,"style":347},"\u003CButton href=\"#\" :mso-px=\"200\">Wider in Outlook\u003C\u002FButton>\n",[349,1344,1345],{"__ignoreMap":347},[352,1346,1347,1349,1351,1353,1355,1357,1360,1362,1365,1368,1370,1372,1376,1378,1380,1383,1385,1387],{"class":354,"line":18},[352,1348,358],{"class":357},[352,1350,35],{"class":361},[352,1352,376],{"class":375},[352,1354,379],{"class":357},[352,1356,382],{"class":357},[352,1358,1359],{"class":385},"#",[352,1361,382],{"class":357},[352,1363,1364],{"class":357}," :",[352,1366,1367],{"class":375},"mso-px",[352,1369,379],{"class":357},[352,1371,382],{"class":357},[352,1373,1375],{"class":1374},"s0EtI","200",[352,1377,382],{"class":357},[352,1379,391],{"class":357},[352,1381,1382],{"class":394},"Wider in Outlook",[352,1384,398],{"class":357},[352,1386,35],{"class":361},[352,1388,365],{"class":357},[525,1390,1042],{"id":1042},[326,1392,1188,1393,1395,1195,1397],{},[349,1394,1191],{},[1193,1396],{},[349,1398,1261],{},[326,1400,1401],{},"URL or path to an icon image displayed inside the button.",[525,1403,1405],{"id":1404},"iconwidth","iconWidth",[326,1407,1188,1408,1410,1195,1412],{},[349,1409,1320],{},[1193,1411],{},[349,1413,1414],{},"12",[326,1416,1417],{},"Width of the icon image in pixels.",[525,1419,1421],{"id":1420},"iconposition","iconPosition",[326,1423,1188,1424,1427,1195,1429],{},[349,1425,1426],{},"'left' | 'right'",[1193,1428],{},[349,1430,1431],{},"'right'",[326,1433,1434],{},"Placement of the icon relative to the button text.",[525,1436,1438],{"id":1437},"iconclass","iconClass",[326,1440,1188,1441,1443,1195,1445],{},[349,1442,1191],{},[1193,1444],{},[349,1446,1447],{},"''",[326,1449,1450,1451,1454],{},"CSS classes to apply to the icon ",[349,1452,1453],{},"\u003Cimg>"," element.",[525,1456,1458],{"id":1457},"iconalt","iconAlt",[326,1460,1188,1461,1463,1195,1465],{},[349,1462,1191],{},[1193,1464],{},[349,1466,1447],{},[326,1468,1469],{},"Alt text for the icon image.",[525,1471,1473],{"id":1472},"outlookfallback","outlookFallback",[326,1475,1188,1476,1479,1195,1481],{},[349,1477,1478],{},"Boolean",[1193,1480],{},[349,1482,1483],{},"true",[326,1485,1486,1487,1292],{},"Toggle modern button mode: Outlook support is discarded when ",[349,1488,1489],{},"false",[1491,1492,1493],"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 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 .sVsQ9, html code.shiki .sVsQ9{--shiki-default:#91889B}html pre.shiki code .s0EtI, html code.shiki .s0EtI{--shiki-default:#B381C5}",{"title":347,"searchDepth":13,"depth":13,"links":1495},[1496,1502],{"id":332,"depth":13,"text":333,"children":1497},[1498,1499,1500,1501],{"id":527,"depth":32,"text":528},{"id":743,"depth":32,"text":744},{"id":869,"depth":32,"text":870},{"id":1035,"depth":32,"text":1036},{"id":1181,"depth":13,"text":1182,"children":1503},[1504,1505,1506,1507,1508,1509,1510,1511,1512,1513,1514,1515],{"id":1185,"depth":32,"text":1185},{"id":534,"depth":32,"text":534},{"id":750,"depth":32,"text":750},{"id":1271,"depth":32,"text":1272},{"id":1295,"depth":32,"text":1296},{"id":1314,"depth":32,"text":1315},{"id":1042,"depth":32,"text":1042},{"id":1404,"depth":32,"text":1405},{"id":1420,"depth":32,"text":1421},{"id":1437,"depth":32,"text":1438},{"id":1457,"depth":32,"text":1458},{"id":1472,"depth":32,"text":1473},"A styled call-to-action link with variants, alignment, icon support, and Outlook compatibility.","md",{},{"title":35,"description":1516},"docs\u002Fcomponents\u002Fbutton","W_hrRWyWGn9xOm3m0jm4-zNP7lhOc6EzeKw9OA8Utss",1781013223959]