[{"data":1,"prerenderedAt":808},["ShallowReactive",2],{"navigation_docs":3,"-components-listmonkbutton":51,"-components-listmonkbutton-surround":804},[4,15,37],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":14},"Introduction","i-lucide-star","\u002Fintroduction","1.introduction",[10],{"title":11,"path":12,"stem":13},"Getting Started","\u002Fintroduction\u002Fgetting-started","1.introduction\u002F1.getting-started",false,{"title":16,"icon":17,"path":18,"stem":19,"children":20,"page":14},"Components","i-lucide-box","\u002Fcomponents","2.components",[21,25,29,33],{"title":22,"path":23,"stem":24},"ListmonkForm","\u002Fcomponents\u002Flistmonkform","2.components\u002F1.ListmonkForm",{"title":26,"path":27,"stem":28},"ListmonkInputGroup","\u002Fcomponents\u002Flistmonkinputgroup","2.components\u002F2.ListmonkInputGroup",{"title":30,"path":31,"stem":32},"ListmonkInput","\u002Fcomponents\u002Flistmonkinput","2.components\u002F3.ListmonkInput",{"title":34,"path":35,"stem":36},"ListmonkButton","\u002Fcomponents\u002Flistmonkbutton","2.components\u002F4.ListmonkButton",{"title":38,"icon":39,"path":40,"stem":41,"children":42,"page":14},"API","i-lucide-bookmark","\u002Fapi","3.api",[43,47],{"title":44,"path":45,"stem":46},"Composables","\u002Fapi\u002Fcomposables","3.api\u002F1.composables",{"title":48,"path":49,"stem":50},"Subscription hooks","\u002Fapi\u002Fsubscription-hooks","3.api\u002F2.subscription-hooks",{"id":52,"title":34,"body":53,"description":85,"extension":799,"links":800,"meta":801,"navigation":260,"path":35,"seo":802,"stem":36,"__hash__":803},"docs\u002F2.components\u002F4.ListmonkButton.md",{"type":54,"value":55,"toc":795},"minimark",[56,60,65,72,309,312,747,751,756,769,772,782,785,792],[57,58,34],"h1",{"id":59},"listmonkbutton",[61,62,64],"h2",{"id":63},"usage","Usage",[66,67,68,71],"p",{},[69,70,34],"strong",{}," component accepts props and you can customize it according to your needs.",[73,74,75,173],"code-group",{},[76,77,79],"code-block",{"label":78},"Unstyled",[80,81,86],"pre",{"className":82,"code":83,"language":84,"meta":85,"style":85},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CListmonkForm>\n    \u003CListmonkButton \n      title=\"Send\" \n    \u002F>\n  \u003C\u002FListmonkForm>\n\u003C\u002Ftemplate>\n","vue","",[87,88,89,105,115,126,147,153,163],"code",{"__ignoreMap":85},[90,91,94,98,102],"span",{"class":92,"line":93},"line",1,[90,95,97],{"class":96},"sMK4o","\u003C",[90,99,101],{"class":100},"swJcz","template",[90,103,104],{"class":96},">\n",[90,106,108,111,113],{"class":92,"line":107},2,[90,109,110],{"class":96},"  \u003C",[90,112,22],{"class":100},[90,114,104],{"class":96},[90,116,118,121,123],{"class":92,"line":117},3,[90,119,120],{"class":96},"    \u003C",[90,122,34],{"class":100},[90,124,125],{"class":96}," \n",[90,127,129,133,136,139,143,145],{"class":92,"line":128},4,[90,130,132],{"class":131},"spNyl","      title",[90,134,135],{"class":96},"=",[90,137,138],{"class":96},"\"",[90,140,142],{"class":141},"sfazB","Send",[90,144,138],{"class":96},[90,146,125],{"class":96},[90,148,150],{"class":92,"line":149},5,[90,151,152],{"class":96},"    \u002F>\n",[90,154,156,159,161],{"class":92,"line":155},6,[90,157,158],{"class":96},"  \u003C\u002F",[90,160,22],{"class":100},[90,162,104],{"class":96},[90,164,166,169,171],{"class":92,"line":165},7,[90,167,168],{"class":96},"\u003C\u002F",[90,170,101],{"class":100},[90,172,104],{"class":96},[76,174,176],{"label":175},"Styled",[80,177,179],{"className":82,"code":178,"language":84,"meta":85,"style":85},"\u003Ctemplate>\n  \u003CListmonkForm>\n    \u003CListmonkButton \n      title=\"Send\" \n      class=\"button\"\n    \u002F>\n  \u003C\u002FListmonkForm>\n\u003C\u002Ftemplate>\n\n\u003Cstyle scoped>\n  .button {\n     ...\n  }\n\u003C\u002Fstyle>\n",[87,180,181,189,197,205,219,234,238,246,255,262,275,287,294,300],{"__ignoreMap":85},[90,182,183,185,187],{"class":92,"line":93},[90,184,97],{"class":96},[90,186,101],{"class":100},[90,188,104],{"class":96},[90,190,191,193,195],{"class":92,"line":107},[90,192,110],{"class":96},[90,194,22],{"class":100},[90,196,104],{"class":96},[90,198,199,201,203],{"class":92,"line":117},[90,200,120],{"class":96},[90,202,34],{"class":100},[90,204,125],{"class":96},[90,206,207,209,211,213,215,217],{"class":92,"line":128},[90,208,132],{"class":131},[90,210,135],{"class":96},[90,212,138],{"class":96},[90,214,142],{"class":141},[90,216,138],{"class":96},[90,218,125],{"class":96},[90,220,221,224,226,228,231],{"class":92,"line":149},[90,222,223],{"class":131},"      class",[90,225,135],{"class":96},[90,227,138],{"class":96},[90,229,230],{"class":141},"button",[90,232,233],{"class":96},"\"\n",[90,235,236],{"class":92,"line":155},[90,237,152],{"class":96},[90,239,240,242,244],{"class":92,"line":165},[90,241,158],{"class":96},[90,243,22],{"class":100},[90,245,104],{"class":96},[90,247,249,251,253],{"class":92,"line":248},8,[90,250,168],{"class":96},[90,252,101],{"class":100},[90,254,104],{"class":96},[90,256,258],{"class":92,"line":257},9,[90,259,261],{"emptyLinePlaceholder":260},true,"\n",[90,263,265,267,270,273],{"class":92,"line":264},10,[90,266,97],{"class":96},[90,268,269],{"class":100},"style",[90,271,272],{"class":131}," scoped",[90,274,104],{"class":96},[90,276,278,281,284],{"class":92,"line":277},11,[90,279,280],{"class":96},"  .",[90,282,230],{"class":283},"sBMFI",[90,285,286],{"class":96}," {\n",[90,288,290],{"class":92,"line":289},12,[90,291,293],{"class":292},"sTEyZ","     ...\n",[90,295,297],{"class":92,"line":296},13,[90,298,299],{"class":96},"  }\n",[90,301,303,305,307],{"class":92,"line":302},14,[90,304,168],{"class":96},[90,306,269],{"class":100},[90,308,104],{"class":96},[66,310,311],{},"If you want more control over button's content you can define some content like an icon or another component inside the default slot.",[73,313,314,518],{},[76,315,316],{"label":78},[80,317,319],{"className":82,"code":318,"language":84,"meta":85,"style":85},"\u003Ctemplate>\n  \u003CListmonkForm>\n    \u003CListmonkButton>\n      \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n        \u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 12h16m0 0l-6-6m6 6l-6 6\"\u002F>\n      \u003C\u002Fsvg>\n    \u003C\u002FListmonkButton>\n  \u003C\u002FListmonkForm>\n\u003C\u002Ftemplate>\n",[87,320,321,329,337,345,402,484,493,502,510],{"__ignoreMap":85},[90,322,323,325,327],{"class":92,"line":93},[90,324,97],{"class":96},[90,326,101],{"class":100},[90,328,104],{"class":96},[90,330,331,333,335],{"class":92,"line":107},[90,332,110],{"class":96},[90,334,22],{"class":100},[90,336,104],{"class":96},[90,338,339,341,343],{"class":92,"line":117},[90,340,120],{"class":96},[90,342,34],{"class":100},[90,344,104],{"class":96},[90,346,347,350,353,356,358,360,363,365,368,370,372,375,377,380,382,384,386,388,391,393,395,398,400],{"class":92,"line":128},[90,348,349],{"class":96},"      \u003C",[90,351,352],{"class":100},"svg",[90,354,355],{"class":131}," xmlns",[90,357,135],{"class":96},[90,359,138],{"class":96},[90,361,362],{"class":141},"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg",[90,364,138],{"class":96},[90,366,367],{"class":131}," width",[90,369,135],{"class":96},[90,371,138],{"class":96},[90,373,374],{"class":141},"24",[90,376,138],{"class":96},[90,378,379],{"class":131}," height",[90,381,135],{"class":96},[90,383,138],{"class":96},[90,385,374],{"class":141},[90,387,138],{"class":96},[90,389,390],{"class":131}," viewBox",[90,392,135],{"class":96},[90,394,138],{"class":96},[90,396,397],{"class":141},"0 0 24 24",[90,399,138],{"class":96},[90,401,104],{"class":96},[90,403,404,407,410,413,415,417,420,422,425,427,429,432,434,437,439,441,444,446,449,451,453,455,457,460,462,464,467,469,472,474,476,479,481],{"class":92,"line":149},[90,405,406],{"class":96},"        \u003C",[90,408,409],{"class":100},"path",[90,411,412],{"class":131}," fill",[90,414,135],{"class":96},[90,416,138],{"class":96},[90,418,419],{"class":141},"none",[90,421,138],{"class":96},[90,423,424],{"class":131}," stroke",[90,426,135],{"class":96},[90,428,138],{"class":96},[90,430,431],{"class":141},"currentColor",[90,433,138],{"class":96},[90,435,436],{"class":131}," stroke-linecap",[90,438,135],{"class":96},[90,440,138],{"class":96},[90,442,443],{"class":141},"round",[90,445,138],{"class":96},[90,447,448],{"class":131}," stroke-linejoin",[90,450,135],{"class":96},[90,452,138],{"class":96},[90,454,443],{"class":141},[90,456,138],{"class":96},[90,458,459],{"class":131}," stroke-width",[90,461,135],{"class":96},[90,463,138],{"class":96},[90,465,466],{"class":141},"1.5",[90,468,138],{"class":96},[90,470,471],{"class":131}," d",[90,473,135],{"class":96},[90,475,138],{"class":96},[90,477,478],{"class":141},"M4 12h16m0 0l-6-6m6 6l-6 6",[90,480,138],{"class":96},[90,482,483],{"class":96},"\u002F>\n",[90,485,486,489,491],{"class":92,"line":155},[90,487,488],{"class":96},"      \u003C\u002F",[90,490,352],{"class":100},[90,492,104],{"class":96},[90,494,495,498,500],{"class":92,"line":165},[90,496,497],{"class":96},"    \u003C\u002F",[90,499,34],{"class":100},[90,501,104],{"class":96},[90,503,504,506,508],{"class":92,"line":248},[90,505,158],{"class":96},[90,507,22],{"class":100},[90,509,104],{"class":96},[90,511,512,514,516],{"class":92,"line":257},[90,513,168],{"class":96},[90,515,101],{"class":100},[90,517,104],{"class":96},[76,519,520],{"label":175},[80,521,523],{"className":82,"code":522,"language":84,"meta":85,"style":85},"\u003Ctemplate>\n  \u003CListmonkForm>\n    \u003CListmonkButton class=\"button\">\n      \u003Csvg xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n        \u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 12h16m0 0l-6-6m6 6l-6 6\"\u002F>\n      \u003C\u002Fsvg>\n    \u003C\u002FListmonkButton>\n  \u003C\u002FListmonkForm>\n\u003C\u002Ftemplate>\n\n\u003Cstyle scoped>\n  .button {\n     ...\n  }\n\u003C\u002Fstyle>\n",[87,524,525,533,541,560,608,676,684,692,700,708,712,722,730,734,738],{"__ignoreMap":85},[90,526,527,529,531],{"class":92,"line":93},[90,528,97],{"class":96},[90,530,101],{"class":100},[90,532,104],{"class":96},[90,534,535,537,539],{"class":92,"line":107},[90,536,110],{"class":96},[90,538,22],{"class":100},[90,540,104],{"class":96},[90,542,543,545,547,550,552,554,556,558],{"class":92,"line":117},[90,544,120],{"class":96},[90,546,34],{"class":100},[90,548,549],{"class":131}," class",[90,551,135],{"class":96},[90,553,138],{"class":96},[90,555,230],{"class":141},[90,557,138],{"class":96},[90,559,104],{"class":96},[90,561,562,564,566,568,570,572,574,576,578,580,582,584,586,588,590,592,594,596,598,600,602,604,606],{"class":92,"line":128},[90,563,349],{"class":96},[90,565,352],{"class":100},[90,567,355],{"class":131},[90,569,135],{"class":96},[90,571,138],{"class":96},[90,573,362],{"class":141},[90,575,138],{"class":96},[90,577,367],{"class":131},[90,579,135],{"class":96},[90,581,138],{"class":96},[90,583,374],{"class":141},[90,585,138],{"class":96},[90,587,379],{"class":131},[90,589,135],{"class":96},[90,591,138],{"class":96},[90,593,374],{"class":141},[90,595,138],{"class":96},[90,597,390],{"class":131},[90,599,135],{"class":96},[90,601,138],{"class":96},[90,603,397],{"class":141},[90,605,138],{"class":96},[90,607,104],{"class":96},[90,609,610,612,614,616,618,620,622,624,626,628,630,632,634,636,638,640,642,644,646,648,650,652,654,656,658,660,662,664,666,668,670,672,674],{"class":92,"line":149},[90,611,406],{"class":96},[90,613,409],{"class":100},[90,615,412],{"class":131},[90,617,135],{"class":96},[90,619,138],{"class":96},[90,621,419],{"class":141},[90,623,138],{"class":96},[90,625,424],{"class":131},[90,627,135],{"class":96},[90,629,138],{"class":96},[90,631,431],{"class":141},[90,633,138],{"class":96},[90,635,436],{"class":131},[90,637,135],{"class":96},[90,639,138],{"class":96},[90,641,443],{"class":141},[90,643,138],{"class":96},[90,645,448],{"class":131},[90,647,135],{"class":96},[90,649,138],{"class":96},[90,651,443],{"class":141},[90,653,138],{"class":96},[90,655,459],{"class":131},[90,657,135],{"class":96},[90,659,138],{"class":96},[90,661,466],{"class":141},[90,663,138],{"class":96},[90,665,471],{"class":131},[90,667,135],{"class":96},[90,669,138],{"class":96},[90,671,478],{"class":141},[90,673,138],{"class":96},[90,675,483],{"class":96},[90,677,678,680,682],{"class":92,"line":155},[90,679,488],{"class":96},[90,681,352],{"class":100},[90,683,104],{"class":96},[90,685,686,688,690],{"class":92,"line":165},[90,687,497],{"class":96},[90,689,34],{"class":100},[90,691,104],{"class":96},[90,693,694,696,698],{"class":92,"line":248},[90,695,158],{"class":96},[90,697,22],{"class":100},[90,699,104],{"class":96},[90,701,702,704,706],{"class":92,"line":257},[90,703,168],{"class":96},[90,705,101],{"class":100},[90,707,104],{"class":96},[90,709,710],{"class":92,"line":264},[90,711,261],{"emptyLinePlaceholder":260},[90,713,714,716,718,720],{"class":92,"line":277},[90,715,97],{"class":96},[90,717,269],{"class":100},[90,719,272],{"class":131},[90,721,104],{"class":96},[90,723,724,726,728],{"class":92,"line":289},[90,725,280],{"class":96},[90,727,230],{"class":283},[90,729,286],{"class":96},[90,731,732],{"class":92,"line":296},[90,733,293],{"class":292},[90,735,736],{"class":92,"line":302},[90,737,299],{"class":96},[90,739,741,743,745],{"class":92,"line":740},15,[90,742,168],{"class":96},[90,744,269],{"class":100},[90,746,104],{"class":96},[61,748,750],{"id":749},"props","Props",[66,752,753,755],{},[69,754,34],{}," component has two props:",[757,758,760,763,764],"h4",{"id":759},"title-required",[87,761,762],{},"title"," ",[765,766,768],"badge",{"type":767},"danger","required",[66,770,771],{},"The button's title that will be shown to user.",[757,773,775,763,778],{"id":774},"type-optional",[87,776,777],{},"type",[765,779,781],{"type":780},"info","optional",[66,783,784],{},"The button's type.",[66,786,787,788,791],{},"Default value: ",[87,789,790],{},"submit",".",[269,793,794],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}",{"title":85,"searchDepth":107,"depth":107,"links":796},[797,798],{"id":63,"depth":107,"text":64},{"id":749,"depth":107,"text":750},"md",null,{},{"title":34,"description":85},"skxUK6vByLijJ9L3KVRdjdKJFvUyD8VbcoHEShD3cKM",[805,806],{"title":30,"path":31,"stem":32,"description":85,"children":-1},{"title":44,"path":45,"stem":46,"description":807,"children":-1},"Discover the composables to use in your custom Vue components and pages.",1789764531287]