[{"data":1,"prerenderedAt":1405},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fbutton\u002Fdeveloper":439},[4,30,256,281,366,375,402,424],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Nuxt","\u002Fgetting-started\u002Fnuxt","1.getting-started\u002F3.nuxt","i-lucide-mountain",{"title":21,"path":22,"stem":23,"icon":24},"Theming","\u002Fgetting-started\u002Ftheming","1.getting-started\u002F4.theming","i-lucide-palette",{"title":26,"path":27,"stem":28,"icon":29},"MCP","\u002Fgetting-started\u002Fmcp","1.getting-started\u002F5.mcp","i-lucide-plug",{"title":31,"icon":6,"path":32,"stem":33,"children":34,"page":6},"Components","\u002Fcomponents","2.components",[35,43,51,59,67,75,83,92,100,104,108,116,124,133,141,149,157,166,174,182,191,199,203,211,220,228,236,240,248],{"title":36,"path":37,"stem":38,"children":39,"page":6},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002F01.accordion",[40],{"title":36,"path":41,"stem":42},"\u002Fcomponents\u002Faccordion\u002Foverview","2.components\u002F01.accordion\u002F1.overview",{"title":44,"path":45,"stem":46,"children":47,"page":6},"Alert","\u002Fcomponents\u002Falert","2.components\u002F02.alert",[48],{"title":44,"path":49,"stem":50},"\u002Fcomponents\u002Falert\u002Foverview","2.components\u002F02.alert\u002F1.overview",{"title":52,"path":53,"stem":54,"children":55,"page":6},"Button","\u002Fcomponents\u002Fbutton","2.components\u002F03.button",[56],{"title":52,"path":57,"stem":58},"\u002Fcomponents\u002Fbutton\u002Foverview","2.components\u002F03.button\u002F1.overview",{"title":60,"path":61,"stem":62,"children":63,"page":6},"Card","\u002Fcomponents\u002Fcard","2.components\u002F04.card",[64],{"title":60,"path":65,"stem":66},"\u002Fcomponents\u002Fcard\u002Foverview","2.components\u002F04.card\u002F1.overview",{"title":68,"path":69,"stem":70,"children":71,"page":6},"Carousel","\u002Fcomponents\u002Fcarousel","2.components\u002F05.carousel",[72],{"title":68,"path":73,"stem":74},"\u002Fcomponents\u002Fcarousel\u002Foverview","2.components\u002F05.carousel\u002F1.overview",{"title":76,"path":77,"stem":78,"children":79,"page":6},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002F06.checkbox",[80],{"title":76,"path":81,"stem":82},"\u002Fcomponents\u002Fcheckbox\u002Foverview","2.components\u002F06.checkbox\u002F1.overview",{"title":84,"path":85,"stem":86,"children":87,"page":6},"Date Picker","\u002Fcomponents\u002Fdate-picker","2.components\u002F07.date-picker",[88],{"title":89,"path":90,"stem":91},"Date picker","\u002Fcomponents\u002Fdate-picker\u002Foverview","2.components\u002F07.date-picker\u002F1.overview",{"title":93,"path":94,"stem":95,"children":96,"page":6},"Dropdown","\u002Fcomponents\u002Fdropdown","2.components\u002F08.dropdown",[97],{"title":93,"path":98,"stem":99},"\u002Fcomponents\u002Fdropdown\u002Foverview","2.components\u002F08.dropdown\u002F1.overview",{"title":101,"path":102,"stem":103},"Heading","\u002Fcomponents\u002Fheading","2.components\u002F09.heading",{"title":105,"path":106,"stem":107},"Icon","\u002Fcomponents\u002Ficon","2.components\u002F10.icon",{"title":109,"path":110,"stem":111,"children":112,"page":6},"Input","\u002Fcomponents\u002Finput","2.components\u002F11.input",[113],{"title":109,"path":114,"stem":115},"\u002Fcomponents\u002Finput\u002Foverview","2.components\u002F11.input\u002F1.overview",{"title":117,"path":118,"stem":119,"children":120,"page":6},"Label","\u002Fcomponents\u002Flabel","2.components\u002F12.label",[121],{"title":117,"path":122,"stem":123},"\u002Fcomponents\u002Flabel\u002Foverview","2.components\u002F12.label\u002F1.overview",{"title":125,"path":126,"stem":127,"children":128,"page":6},"Phone Number","\u002Fcomponents\u002Fphone-number","2.components\u002F13.phone-number",[129],{"title":130,"path":131,"stem":132},"Phone number","\u002Fcomponents\u002Fphone-number\u002Foverview","2.components\u002F13.phone-number\u002F1.overview",{"title":134,"path":135,"stem":136,"children":137,"page":6},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002F14.popover",[138],{"title":134,"path":139,"stem":140},"\u002Fcomponents\u002Fpopover\u002Foverview","2.components\u002F14.popover\u002F1.overview",{"title":142,"path":143,"stem":144,"children":145,"page":6},"Quantity","\u002Fcomponents\u002Fquantity","2.components\u002F15.quantity",[146],{"title":142,"path":147,"stem":148},"\u002Fcomponents\u002Fquantity\u002Foverview","2.components\u002F15.quantity\u002F1.overview",{"title":150,"path":151,"stem":152,"children":153,"page":6},"Radio","\u002Fcomponents\u002Fradio","2.components\u002F16.radio",[154],{"title":150,"path":155,"stem":156},"\u002Fcomponents\u002Fradio\u002Foverview","2.components\u002F16.radio\u002F1.overview",{"title":158,"path":159,"stem":160,"children":161,"page":6},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002F17.radio-group",[162],{"title":163,"path":164,"stem":165},"Radio group","\u002Fcomponents\u002Fradio-group\u002Foverview","2.components\u002F17.radio-group\u002F1.overview",{"title":167,"path":168,"stem":169,"children":170,"page":6},"Rating","\u002Fcomponents\u002Frating","2.components\u002F18.rating",[171],{"title":167,"path":172,"stem":173},"\u002Fcomponents\u002Frating\u002Foverview","2.components\u002F18.rating\u002F1.overview",{"title":175,"path":176,"stem":177,"children":178,"page":6},"Required","\u002Fcomponents\u002Frequired","2.components\u002F19.required",[179],{"title":175,"path":180,"stem":181},"\u002Fcomponents\u002Frequired\u002Foverview","2.components\u002F19.required\u002F1.overview",{"title":183,"path":184,"stem":185,"children":186,"page":6},"Scroll Area","\u002Fcomponents\u002Fscroll-area","2.components\u002F20.scroll-area",[187],{"title":188,"path":189,"stem":190},"Scroll area","\u002Fcomponents\u002Fscroll-area\u002Foverview","2.components\u002F20.scroll-area\u002F1.overview",{"title":192,"path":193,"stem":194,"children":195,"page":6},"Select","\u002Fcomponents\u002Fselect","2.components\u002F21.select",[196],{"title":192,"path":197,"stem":198},"\u002Fcomponents\u002Fselect\u002Foverview","2.components\u002F21.select\u002F1.overview",{"title":200,"path":201,"stem":202},"Spinner","\u002Fcomponents\u002Fspinner","2.components\u002F22.spinner",{"title":204,"path":205,"stem":206,"children":207,"page":6},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002F23.switch",[208],{"title":204,"path":209,"stem":210},"\u002Fcomponents\u002Fswitch\u002Foverview","2.components\u002F23.switch\u002F1.overview",{"title":212,"path":213,"stem":214,"children":215,"page":6},"Tab Badge","\u002Fcomponents\u002Ftab-badge","2.components\u002F24.tab-badge",[216],{"title":217,"path":218,"stem":219},"Tab badge","\u002Fcomponents\u002Ftab-badge\u002Foverview","2.components\u002F24.tab-badge\u002F1.overview",{"title":221,"path":222,"stem":223,"children":224,"page":6},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002F25.tabs",[225],{"title":221,"path":226,"stem":227},"\u002Fcomponents\u002Ftabs\u002Foverview","2.components\u002F25.tabs\u002F1.overview",{"title":229,"path":230,"stem":231,"children":232,"page":6},"Tag","\u002Fcomponents\u002Ftag","2.components\u002F26.tag",[233],{"title":229,"path":234,"stem":235},"\u002Fcomponents\u002Ftag\u002Foverview","2.components\u002F26.tag\u002F1.overview",{"title":237,"path":238,"stem":239},"Text","\u002Fcomponents\u002Ftext","2.components\u002F27.text",{"title":241,"path":242,"stem":243,"children":244,"page":6},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002F28.textarea",[245],{"title":241,"path":246,"stem":247},"\u002Fcomponents\u002Ftextarea\u002Foverview","2.components\u002F28.textarea\u002F1.overview",{"title":249,"path":250,"stem":251,"children":252,"page":6},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002F29.tooltip",[253],{"title":249,"path":254,"stem":255},"\u002Fcomponents\u002Ftooltip\u002Foverview","2.components\u002F29.tooltip\u002F1.overview",{"title":257,"icon":6,"path":258,"stem":259,"children":260,"page":6},"Foundations","\u002Ffoundations","2.foundations",[261,269,273,277],{"title":262,"icon":6,"path":263,"stem":264,"children":265,"page":6},"Color","\u002Ffoundations\u002Fcolor","2.foundations\u002F1.color",[266],{"title":262,"path":267,"stem":268},"\u002Ffoundations\u002Fcolor\u002Foverview","2.foundations\u002F1.color\u002F1.overview",{"title":270,"path":271,"stem":272},"Icons","\u002Ffoundations\u002Ficons","2.foundations\u002F2.icons",{"title":274,"path":275,"stem":276},"Logos and Pins","\u002Ffoundations\u002Flogos-and-pins","2.foundations\u002F3.logos-and-pins",{"title":278,"path":279,"stem":280},"Web layers","\u002Ffoundations\u002Fweb-layers","2.foundations\u002F4.web-layers",{"title":282,"icon":6,"path":283,"stem":284,"children":285,"page":6},"WIP","\u002Fwip","3.wip",[286,290,294,298,302,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362],{"title":287,"path":288,"stem":289},"Additional","\u002Fwip\u002Fadditional","3.wip\u002Fadditional",{"title":291,"path":292,"stem":293},"Alt text","\u002Fwip\u002Falt-text","3.wip\u002Falt-text",{"title":295,"path":296,"stem":297},"AnnouncementBar","\u002Fwip\u002Fannouncement-bar","3.wip\u002Fannouncement-bar",{"title":299,"path":300,"stem":301},"Avatar","\u002Fwip\u002Favatar","3.wip\u002Favatar",{"title":303,"path":304,"stem":305},"Banner","\u002Fwip\u002Fbanner","3.wip\u002Fbanner",{"title":307,"path":308,"stem":309},"Breadcrumbs","\u002Fwip\u002Fbreadcrumbs","3.wip\u002Fbreadcrumbs",{"title":311,"path":312,"stem":313},"Divider & scroll","\u002Fwip\u002Fdivider-scroll","3.wip\u002Fdivider-scroll",{"title":315,"path":316,"stem":317},"FieldMessage","\u002Fwip\u002Ffield-message","3.wip\u002Ffield-message",{"title":319,"path":320,"stem":321},"Focus Ring","\u002Fwip\u002Ffocus-ring","3.wip\u002Ffocus-ring",{"title":323,"path":324,"stem":325},"InlineSeparator","\u002Fwip\u002Finline-separator","3.wip\u002Finline-separator",{"title":327,"path":328,"stem":329},"Modal & drawer","\u002Fwip\u002Fmodal-drawer","3.wip\u002Fmodal-drawer",{"title":331,"path":332,"stem":333},"Optional","\u002Fwip\u002Foptional","3.wip\u002Foptional",{"title":335,"path":336,"stem":337},"Pagination","\u002Fwip\u002Fpagination","3.wip\u002Fpagination",{"title":339,"path":340,"stem":341},"PasswordInput","\u002Fwip\u002Fpassword-input","3.wip\u002Fpassword-input",{"title":343,"path":344,"stem":345},"Pinned bar page","\u002Fwip\u002Fpinned-bar-page","3.wip\u002Fpinned-bar-page",{"title":347,"path":348,"stem":349},"PromotionalBar","\u002Fwip\u002Fpromotional-bar","3.wip\u002Fpromotional-bar",{"title":351,"path":352,"stem":353},"SearchInput","\u002Fwip\u002Fsearch-input","3.wip\u002Fsearch-input",{"title":355,"path":356,"stem":357},"StatusLine","\u002Fwip\u002Fstatus-line","3.wip\u002Fstatus-line",{"title":359,"path":360,"stem":361},"Stepper & loaderBar","\u002Fwip\u002Fstepper-loader-bar","3.wip\u002Fstepper-loader-bar",{"title":363,"path":364,"stem":365},"TextInput","\u002Fwip\u002Ftext-input","3.wip\u002Ftext-input",{"title":367,"icon":6,"path":368,"stem":369,"children":370,"page":6},"Overview","\u002Foverview","4.overview",[371],{"title":372,"path":373,"stem":374},"For developers","\u002Foverview\u002Ffor-developers","4.overview\u002F1.for-developers",{"title":376,"icon":6,"path":377,"stem":378,"children":379,"page":6},"Brand","\u002Fbrand","5.brand",[380,389],{"title":381,"icon":6,"path":382,"stem":383,"children":384,"page":6},"Brand guidelines","\u002Fbrand\u002Fbrand-guidelines","5.brand\u002F1.brand-guidelines",[385],{"title":386,"path":387,"stem":388},"Dr. Max Trademarks Guidelines","\u002Fbrand\u002Fbrand-guidelines\u002Fdr-max-trademarks-guidelines","5.brand\u002F1.brand-guidelines\u002F2.dr-max-trademarks-guidelines",{"title":390,"icon":6,"path":391,"stem":392,"children":393,"page":6},"Assets","\u002Fbrand\u002Fassets","5.brand\u002F2.assets",[394,398],{"title":395,"path":396,"stem":397},"Logos","\u002Fbrand\u002Fassets\u002Flogos","5.brand\u002F2.assets\u002F2.logos",{"title":399,"path":400,"stem":401},"Dr. Max Tagline","\u002Fbrand\u002Fassets\u002Fdr-max-tagline","5.brand\u002F2.assets\u002F3.dr-max-tagline",{"title":403,"icon":6,"path":404,"stem":405,"children":406,"page":6},"Content","\u002Fcontent","6.content",[407,411],{"title":408,"path":409,"stem":410},"Content accessibility","\u002Fcontent\u002Fcontent-accessibility","6.content\u002F1.content-accessibility",{"title":412,"icon":6,"path":413,"stem":414,"children":415,"page":6},"Content guidance","\u002Fcontent\u002Fcontent-guidelines","6.content\u002F2.content-guidelines",[416,420],{"title":417,"path":418,"stem":419},"Category color-coding","\u002Fcontent\u002Fcontent-guidelines\u002Fcategory-color-coding","6.content\u002F2.content-guidelines\u002F2.category-color-coding",{"title":421,"path":422,"stem":423},"Pop-up banners","\u002Fcontent\u002Fcontent-guidelines\u002Fpop-up-banners","6.content\u002F2.content-guidelines\u002F3.pop-up-banners",{"title":425,"icon":6,"path":426,"stem":427,"children":428,"page":6},"Accessibility","\u002Faccessibility","7.accessibility",[429],{"title":430,"path":431,"stem":432,"children":433,"icon":6},"Accessibility guidance","\u002Faccessibility\u002Faccessibility-guidance","7.accessibility\u002F1.accessibility-guidance\u002F1.index",[434,435],{"title":425,"path":431,"stem":432},{"title":436,"path":437,"stem":438},"Understanding WCAG 2.2","\u002Faccessibility\u002Faccessibility-guidance\u002Funderstanding-wcag-2-2","7.accessibility\u002F1.accessibility-guidance\u002F2.understanding-wcag-2-2",{"id":440,"title":52,"body":441,"description":1398,"extension":887,"links":1399,"meta":1400,"navigation":6,"path":1401,"seo":1402,"stem":1403,"__hash__":1404},"docs\u002F2.components\u002F03.button\u002F3.developer.md",{"type":442,"value":443,"toc":1388},"minimark",[444,449,491,495,499,630,635,871,875,1101,1104,1118,1282,1286,1376,1380,1384],[445,446,448],"h2",{"id":447},"import","Import",[450,451,456],"pre",{"className":452,"code":453,"language":454,"meta":455,"style":455},"language-ts shiki shiki-themes material-theme-palenight","import { Button } from \"@dr-max\u002Fui\u002Fbutton\"\n","ts","",[457,458,459],"code",{"__ignoreMap":455},[460,461,464,467,471,475,478,481,484,488],"span",{"class":462,"line":463},"line",1,[460,465,447],{"class":466},"s6cf3",[460,468,470],{"class":469},"sAklC"," {",[460,472,474],{"class":473},"s0W1g"," Button",[460,476,477],{"class":469}," }",[460,479,480],{"class":466}," from",[460,482,483],{"class":469}," \"",[460,485,487],{"class":486},"sfyAc","@dr-max\u002Fui\u002Fbutton",[460,489,490],{"class":469},"\"\n",[492,493,494],"p",{},"The entry carries its own precompiled CSS (including the styles of the Icon, Spinner and Text parts it composes) — no extra style imports needed.",[445,496,498],{"id":497},"usage","Usage",[500,501,502,507],"code-preview",{},[503,504,506],"ui-button",{"variant":505},"primary-green","Add to cart",[508,509,510],"template",{"v-slot:code":455},[450,511,515],{"className":512,"code":513,"language":514,"meta":455,"style":455},"language-vue shiki shiki-themes material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Button } from \"@dr-max\u002Fui\u002Fbutton\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButton variant=\"primary-green\">Add to cart\u003C\u002FButton>\n\u003C\u002Ftemplate>\n","vue",[457,516,517,546,565,575,582,591,621],{"__ignoreMap":455},[460,518,519,522,526,530,533,536,539,541,543],{"class":462,"line":463},[460,520,521],{"class":469},"\u003C",[460,523,525],{"class":524},"s-wAU","script",[460,527,529],{"class":528},"sJ14y"," setup",[460,531,532],{"class":528}," lang",[460,534,535],{"class":469},"=",[460,537,538],{"class":469},"\"",[460,540,454],{"class":486},[460,542,538],{"class":469},[460,544,545],{"class":469},">\n",[460,547,549,551,553,555,557,559,561,563],{"class":462,"line":548},2,[460,550,447],{"class":466},[460,552,470],{"class":469},[460,554,474],{"class":473},[460,556,477],{"class":469},[460,558,480],{"class":466},[460,560,483],{"class":469},[460,562,487],{"class":486},[460,564,490],{"class":469},[460,566,568,571,573],{"class":462,"line":567},3,[460,569,570],{"class":469},"\u003C\u002F",[460,572,525],{"class":524},[460,574,545],{"class":469},[460,576,578],{"class":462,"line":577},4,[460,579,581],{"emptyLinePlaceholder":580},true,"\n",[460,583,585,587,589],{"class":462,"line":584},5,[460,586,521],{"class":469},[460,588,508],{"class":524},[460,590,545],{"class":469},[460,592,594,597,599,602,604,606,608,610,613,615,617,619],{"class":462,"line":593},6,[460,595,596],{"class":469},"  \u003C",[460,598,52],{"class":524},[460,600,601],{"class":528}," variant",[460,603,535],{"class":469},[460,605,538],{"class":469},[460,607,505],{"class":486},[460,609,538],{"class":469},[460,611,612],{"class":469},">",[460,614,506],{"class":473},[460,616,570],{"class":469},[460,618,52],{"class":524},[460,620,545],{"class":469},[460,622,624,626,628],{"class":462,"line":623},7,[460,625,570],{"class":469},[460,627,508],{"class":524},[460,629,545],{"class":469},[631,632,634],"h3",{"id":633},"variants","Variants",[500,636,637,640,644,648,652,656,660,664],{},[503,638,639],{"variant":505},"Primary green",[503,641,643],{"variant":642},"primary-blue","Primary blue",[503,645,647],{"variant":646},"basic","Basic",[503,649,651],{"variant":650},"secondary","Secondary",[503,653,655],{"variant":654},"primary-red","Red",[503,657,659],{"variant":658},"naked","Naked",[503,661,663],{"variant":662},"nakedNoPadding","Naked without padding",[508,665,666],{"v-slot:code":455},[450,667,669],{"className":512,"code":668,"language":514,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CButton variant=\"primary-green\">Primary green\u003C\u002FButton>\n  \u003CButton variant=\"primary-blue\">Primary blue\u003C\u002FButton>\n  \u003CButton variant=\"basic\">Basic\u003C\u002FButton>\n  \u003CButton variant=\"secondary\">Secondary\u003C\u002FButton>\n  \u003CButton variant=\"primary-red\">Red\u003C\u002FButton>\n  \u003CButton variant=\"naked\">Naked\u003C\u002FButton>\n  \u003CButton variant=\"nakedNoPadding\">Naked without padding\u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[457,670,671,679,705,731,757,783,809,835,862],{"__ignoreMap":455},[460,672,673,675,677],{"class":462,"line":463},[460,674,521],{"class":469},[460,676,508],{"class":524},[460,678,545],{"class":469},[460,680,681,683,685,687,689,691,693,695,697,699,701,703],{"class":462,"line":548},[460,682,596],{"class":469},[460,684,52],{"class":524},[460,686,601],{"class":528},[460,688,535],{"class":469},[460,690,538],{"class":469},[460,692,505],{"class":486},[460,694,538],{"class":469},[460,696,612],{"class":469},[460,698,639],{"class":473},[460,700,570],{"class":469},[460,702,52],{"class":524},[460,704,545],{"class":469},[460,706,707,709,711,713,715,717,719,721,723,725,727,729],{"class":462,"line":567},[460,708,596],{"class":469},[460,710,52],{"class":524},[460,712,601],{"class":528},[460,714,535],{"class":469},[460,716,538],{"class":469},[460,718,642],{"class":486},[460,720,538],{"class":469},[460,722,612],{"class":469},[460,724,643],{"class":473},[460,726,570],{"class":469},[460,728,52],{"class":524},[460,730,545],{"class":469},[460,732,733,735,737,739,741,743,745,747,749,751,753,755],{"class":462,"line":577},[460,734,596],{"class":469},[460,736,52],{"class":524},[460,738,601],{"class":528},[460,740,535],{"class":469},[460,742,538],{"class":469},[460,744,646],{"class":486},[460,746,538],{"class":469},[460,748,612],{"class":469},[460,750,647],{"class":473},[460,752,570],{"class":469},[460,754,52],{"class":524},[460,756,545],{"class":469},[460,758,759,761,763,765,767,769,771,773,775,777,779,781],{"class":462,"line":584},[460,760,596],{"class":469},[460,762,52],{"class":524},[460,764,601],{"class":528},[460,766,535],{"class":469},[460,768,538],{"class":469},[460,770,650],{"class":486},[460,772,538],{"class":469},[460,774,612],{"class":469},[460,776,651],{"class":473},[460,778,570],{"class":469},[460,780,52],{"class":524},[460,782,545],{"class":469},[460,784,785,787,789,791,793,795,797,799,801,803,805,807],{"class":462,"line":593},[460,786,596],{"class":469},[460,788,52],{"class":524},[460,790,601],{"class":528},[460,792,535],{"class":469},[460,794,538],{"class":469},[460,796,654],{"class":486},[460,798,538],{"class":469},[460,800,612],{"class":469},[460,802,655],{"class":473},[460,804,570],{"class":469},[460,806,52],{"class":524},[460,808,545],{"class":469},[460,810,811,813,815,817,819,821,823,825,827,829,831,833],{"class":462,"line":623},[460,812,596],{"class":469},[460,814,52],{"class":524},[460,816,601],{"class":528},[460,818,535],{"class":469},[460,820,538],{"class":469},[460,822,658],{"class":486},[460,824,538],{"class":469},[460,826,612],{"class":469},[460,828,659],{"class":473},[460,830,570],{"class":469},[460,832,52],{"class":524},[460,834,545],{"class":469},[460,836,838,840,842,844,846,848,850,852,854,856,858,860],{"class":462,"line":837},8,[460,839,596],{"class":469},[460,841,52],{"class":524},[460,843,601],{"class":528},[460,845,535],{"class":469},[460,847,538],{"class":469},[460,849,662],{"class":486},[460,851,538],{"class":469},[460,853,612],{"class":469},[460,855,663],{"class":473},[460,857,570],{"class":469},[460,859,52],{"class":524},[460,861,545],{"class":469},[460,863,865,867,869],{"class":462,"line":864},9,[460,866,570],{"class":469},[460,868,508],{"class":524},[460,870,545],{"class":469},[631,872,874],{"id":873},"sizes","Sizes",[500,876,877,881,885,889,893,897],{},[503,878,880],{"variant":650,"size":879},"xs","Extra small",[503,882,884],{"variant":650,"size":883},"sm","Small",[503,886,888],{"variant":650,"size":887},"md","Medium",[503,890,892],{"variant":650,"size":891},"lg","Large",[503,894,896],{"variant":650,"size":895},"xl","Extra large",[508,898,899],{"v-slot:code":455},[450,900,902],{"className":512,"code":901,"language":514,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CButton size=\"xs\" variant=\"secondary\">Extra small\u003C\u002FButton>\n  \u003CButton size=\"sm\" variant=\"secondary\">Small\u003C\u002FButton>\n  \u003CButton size=\"md\" variant=\"secondary\">Medium\u003C\u002FButton>\n  \u003CButton size=\"lg\" variant=\"secondary\">Large\u003C\u002FButton>\n  \u003CButton size=\"xl\" variant=\"secondary\">Extra large\u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[457,903,904,912,949,985,1021,1057,1093],{"__ignoreMap":455},[460,905,906,908,910],{"class":462,"line":463},[460,907,521],{"class":469},[460,909,508],{"class":524},[460,911,545],{"class":469},[460,913,914,916,918,921,923,925,927,929,931,933,935,937,939,941,943,945,947],{"class":462,"line":548},[460,915,596],{"class":469},[460,917,52],{"class":524},[460,919,920],{"class":528}," size",[460,922,535],{"class":469},[460,924,538],{"class":469},[460,926,879],{"class":486},[460,928,538],{"class":469},[460,930,601],{"class":528},[460,932,535],{"class":469},[460,934,538],{"class":469},[460,936,650],{"class":486},[460,938,538],{"class":469},[460,940,612],{"class":469},[460,942,880],{"class":473},[460,944,570],{"class":469},[460,946,52],{"class":524},[460,948,545],{"class":469},[460,950,951,953,955,957,959,961,963,965,967,969,971,973,975,977,979,981,983],{"class":462,"line":567},[460,952,596],{"class":469},[460,954,52],{"class":524},[460,956,920],{"class":528},[460,958,535],{"class":469},[460,960,538],{"class":469},[460,962,883],{"class":486},[460,964,538],{"class":469},[460,966,601],{"class":528},[460,968,535],{"class":469},[460,970,538],{"class":469},[460,972,650],{"class":486},[460,974,538],{"class":469},[460,976,612],{"class":469},[460,978,884],{"class":473},[460,980,570],{"class":469},[460,982,52],{"class":524},[460,984,545],{"class":469},[460,986,987,989,991,993,995,997,999,1001,1003,1005,1007,1009,1011,1013,1015,1017,1019],{"class":462,"line":577},[460,988,596],{"class":469},[460,990,52],{"class":524},[460,992,920],{"class":528},[460,994,535],{"class":469},[460,996,538],{"class":469},[460,998,887],{"class":486},[460,1000,538],{"class":469},[460,1002,601],{"class":528},[460,1004,535],{"class":469},[460,1006,538],{"class":469},[460,1008,650],{"class":486},[460,1010,538],{"class":469},[460,1012,612],{"class":469},[460,1014,888],{"class":473},[460,1016,570],{"class":469},[460,1018,52],{"class":524},[460,1020,545],{"class":469},[460,1022,1023,1025,1027,1029,1031,1033,1035,1037,1039,1041,1043,1045,1047,1049,1051,1053,1055],{"class":462,"line":584},[460,1024,596],{"class":469},[460,1026,52],{"class":524},[460,1028,920],{"class":528},[460,1030,535],{"class":469},[460,1032,538],{"class":469},[460,1034,891],{"class":486},[460,1036,538],{"class":469},[460,1038,601],{"class":528},[460,1040,535],{"class":469},[460,1042,538],{"class":469},[460,1044,650],{"class":486},[460,1046,538],{"class":469},[460,1048,612],{"class":469},[460,1050,892],{"class":473},[460,1052,570],{"class":469},[460,1054,52],{"class":524},[460,1056,545],{"class":469},[460,1058,1059,1061,1063,1065,1067,1069,1071,1073,1075,1077,1079,1081,1083,1085,1087,1089,1091],{"class":462,"line":593},[460,1060,596],{"class":469},[460,1062,52],{"class":524},[460,1064,920],{"class":528},[460,1066,535],{"class":469},[460,1068,538],{"class":469},[460,1070,895],{"class":486},[460,1072,538],{"class":469},[460,1074,601],{"class":528},[460,1076,535],{"class":469},[460,1078,538],{"class":469},[460,1080,650],{"class":486},[460,1082,538],{"class":469},[460,1084,612],{"class":469},[460,1086,896],{"class":473},[460,1088,570],{"class":469},[460,1090,52],{"class":524},[460,1092,545],{"class":469},[460,1094,1095,1097,1099],{"class":462,"line":623},[460,1096,570],{"class":469},[460,1098,508],{"class":524},[460,1100,545],{"class":469},[631,1102,105],{"id":1103},"icon",[492,1105,1106,1107,1109,1110,1113,1114,1117],{},"The ",[457,1108,1103],{}," prop takes an ",[457,1111,1112],{},"IconDefinition"," object imported from ",[457,1115,1116],{},"@dr-max\u002Fui\u002Ficons"," (not a string), so it can't be set from markdown — use the playground below to try it live:",[450,1119,1121],{"className":512,"code":1120,"language":514,"meta":455,"style":455},"\u003Cscript setup lang=\"ts\">\nimport { Button } from \"@dr-max\u002Fui\u002Fbutton\"\nimport { iconBasketShopping } from \"@dr-max\u002Fui\u002Ficons\"\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CButton\n    variant=\"primary-green\"\n    :icon=\"iconBasketShopping\"\n    icon-position=\"left\"\n  >\n    Add to cart\n  \u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[457,1122,1123,1143,1161,1180,1188,1192,1200,1207,1220,1236,1251,1257,1263,1273],{"__ignoreMap":455},[460,1124,1125,1127,1129,1131,1133,1135,1137,1139,1141],{"class":462,"line":463},[460,1126,521],{"class":469},[460,1128,525],{"class":524},[460,1130,529],{"class":528},[460,1132,532],{"class":528},[460,1134,535],{"class":469},[460,1136,538],{"class":469},[460,1138,454],{"class":486},[460,1140,538],{"class":469},[460,1142,545],{"class":469},[460,1144,1145,1147,1149,1151,1153,1155,1157,1159],{"class":462,"line":548},[460,1146,447],{"class":466},[460,1148,470],{"class":469},[460,1150,474],{"class":473},[460,1152,477],{"class":469},[460,1154,480],{"class":466},[460,1156,483],{"class":469},[460,1158,487],{"class":486},[460,1160,490],{"class":469},[460,1162,1163,1165,1167,1170,1172,1174,1176,1178],{"class":462,"line":567},[460,1164,447],{"class":466},[460,1166,470],{"class":469},[460,1168,1169],{"class":473}," iconBasketShopping",[460,1171,477],{"class":469},[460,1173,480],{"class":466},[460,1175,483],{"class":469},[460,1177,1116],{"class":486},[460,1179,490],{"class":469},[460,1181,1182,1184,1186],{"class":462,"line":577},[460,1183,570],{"class":469},[460,1185,525],{"class":524},[460,1187,545],{"class":469},[460,1189,1190],{"class":462,"line":584},[460,1191,581],{"emptyLinePlaceholder":580},[460,1193,1194,1196,1198],{"class":462,"line":593},[460,1195,521],{"class":469},[460,1197,508],{"class":524},[460,1199,545],{"class":469},[460,1201,1202,1204],{"class":462,"line":623},[460,1203,596],{"class":469},[460,1205,1206],{"class":524},"Button\n",[460,1208,1209,1212,1214,1216,1218],{"class":462,"line":837},[460,1210,1211],{"class":528},"    variant",[460,1213,535],{"class":469},[460,1215,538],{"class":469},[460,1217,505],{"class":486},[460,1219,490],{"class":469},[460,1221,1222,1225,1227,1229,1231,1234],{"class":462,"line":864},[460,1223,1224],{"class":469},"    :",[460,1226,1103],{"class":528},[460,1228,535],{"class":469},[460,1230,538],{"class":469},[460,1232,1233],{"class":473},"iconBasketShopping",[460,1235,490],{"class":469},[460,1237,1239,1242,1244,1246,1249],{"class":462,"line":1238},10,[460,1240,1241],{"class":528},"    icon-position",[460,1243,535],{"class":469},[460,1245,538],{"class":469},[460,1247,1248],{"class":486},"left",[460,1250,490],{"class":469},[460,1252,1254],{"class":462,"line":1253},11,[460,1255,1256],{"class":469},"  >\n",[460,1258,1260],{"class":462,"line":1259},12,[460,1261,1262],{"class":473},"    Add to cart\n",[460,1264,1266,1269,1271],{"class":462,"line":1265},13,[460,1267,1268],{"class":469},"  \u003C\u002F",[460,1270,52],{"class":524},[460,1272,545],{"class":469},[460,1274,1276,1278,1280],{"class":462,"line":1275},14,[460,1277,570],{"class":469},[460,1279,508],{"class":524},[460,1281,545],{"class":469},[631,1283,1285],{"id":1284},"loading-and-disabled","Loading and disabled",[500,1287,1288,1292,1295],{},[503,1289,1291],{"variant":505,":loading":1290},"true","Processing",[503,1293,1294],{"variant":505,":disabled":1290},"Unavailable",[508,1296,1297],{"v-slot:code":455},[450,1298,1300],{"className":512,"code":1299,"language":514,"meta":455,"style":455},"\u003Ctemplate>\n  \u003CButton variant=\"primary-green\" loading>Processing\u003C\u002FButton>\n  \u003CButton variant=\"primary-green\" disabled>Unavailable\u003C\u002FButton>\n\u003C\u002Ftemplate>\n",[457,1301,1302,1310,1339,1368],{"__ignoreMap":455},[460,1303,1304,1306,1308],{"class":462,"line":463},[460,1305,521],{"class":469},[460,1307,508],{"class":524},[460,1309,545],{"class":469},[460,1311,1312,1314,1316,1318,1320,1322,1324,1326,1329,1331,1333,1335,1337],{"class":462,"line":548},[460,1313,596],{"class":469},[460,1315,52],{"class":524},[460,1317,601],{"class":528},[460,1319,535],{"class":469},[460,1321,538],{"class":469},[460,1323,505],{"class":486},[460,1325,538],{"class":469},[460,1327,1328],{"class":528}," loading",[460,1330,612],{"class":469},[460,1332,1291],{"class":473},[460,1334,570],{"class":469},[460,1336,52],{"class":524},[460,1338,545],{"class":469},[460,1340,1341,1343,1345,1347,1349,1351,1353,1355,1358,1360,1362,1364,1366],{"class":462,"line":567},[460,1342,596],{"class":469},[460,1344,52],{"class":524},[460,1346,601],{"class":528},[460,1348,535],{"class":469},[460,1350,538],{"class":469},[460,1352,505],{"class":486},[460,1354,538],{"class":469},[460,1356,1357],{"class":528}," disabled",[460,1359,612],{"class":469},[460,1361,1294],{"class":473},[460,1363,570],{"class":469},[460,1365,52],{"class":524},[460,1367,545],{"class":469},[460,1369,1370,1372,1374],{"class":462,"line":577},[460,1371,570],{"class":469},[460,1373,508],{"class":524},[460,1375,545],{"class":469},[445,1377,1379],{"id":1378},"playground","Playground",[1381,1382],"component-playground",{"component":1383},"button",[1385,1386,1387],"style",{},"html pre.shiki code .s6cf3, html code.shiki .s6cf3{--shiki-default:#89DDFF;--shiki-default-font-style:italic}html pre.shiki code .sAklC, html code.shiki .sAklC{--shiki-default:#89DDFF}html pre.shiki code .s0W1g, html code.shiki .s0W1g{--shiki-default:#BABED8}html pre.shiki code .sfyAc, html code.shiki .sfyAc{--shiki-default:#C3E88D}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 .s-wAU, html code.shiki .s-wAU{--shiki-default:#F07178}html pre.shiki code .sJ14y, html code.shiki .sJ14y{--shiki-default:#C792EA}",{"title":455,"searchDepth":463,"depth":548,"links":1389},[1390,1391,1397],{"id":447,"depth":548,"text":448},{"id":497,"depth":548,"text":498,"children":1392},[1393,1394,1395,1396],{"id":633,"depth":567,"text":634},{"id":873,"depth":567,"text":874},{"id":1103,"depth":567,"text":105},{"id":1284,"depth":567,"text":1285},{"id":1378,"depth":548,"text":1379},"Let users take action, make choices, and move forward.",null,{},"\u002Fcomponents\u002Fbutton\u002Fdeveloper",{"title":52,"description":1398},"2.components\u002F03.button\u002F3.developer","jLDe9KTfy9-MHjKwDqsCnUAJ1dK5dnqRj2YTeDZUJ7Q",1793289680699]